JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
<div class="space" id="space"></div>

<script type="text/template" id="spaceTpl">
  <div class="container main_container">
    <div class="row">
    gfdgdfgdfg<br>gfdgdfgdfg<br>gfdgdfgdfg<br>gfdgdfgdfg<br>gfdgdfgdfg<br>gfdgdfgdfg<br>gfdgdfgdfg<br>gfdgdfgdfg<br>
    </div>      
  </div>
</script>

JavaScript

window.APP = window.APP || {};
APP.SpaceView = Backbone.View.extend({  

  initialize: function() {   
    this.render();
    this.$el.attr('tabindex', 1).focus();
  },    

  template: _.template($('#spaceTpl').html()),

  render: function() {    
    this.$el.html(this.template());  
    return this;
  }, 

  move: function(e) {  
    if (e.charCode == 80) { console.log('up') };
    if (e.charCode == 40) { console.log('down') };
    if (e.charCode == 37) { console.log('l') };
    if (e.charCode == 39) { console.log('r') };
    if (e.charCode == 32) { console.log('fire') };
  },      

  events: {
    'keypress': 'move'
  }  

});


var app = new APP.SpaceView({el: '#space'});