title: How to create a global keypress event listener with Marionette
body: <p>I am developing an app that I would like to be completely driven by keyboard inputs rather than any mouse clicks. It has been developed using Marionette and whilst I am fully able to respond to events on an input, I am really struggling to respond to events on views that don't contain any inputs. </p>
  
  <pre><code>events: -&gt;
      'keyup #discovery-region' : 'logKey'
  
  logKey: (e) -&gt;
      alert("Key pressed")
      console.log("Key pressed " + e.which)
  </code></pre>
  
  <p>In my index.html file I have</p>
  
  <pre><code>&lt;div class="discovery" id="discovery-region"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>In this circumstance I want to handle controlling keyboard inputs on the discovery region. However I would also like for this region to be removed at a later date and another region be in it's place. Should I create a some global mechanism for handling events?</p>