title: keydown event cannot be listened correctly
body: <p>My codes:</p>
  
  <pre><code>&lt;div id="queryPage"&gt;
          &lt;div id="queryToolbar" class="row" style="display: block;"&gt;
              &lt;div id="query-option-panel" class="col-md-offset-1 col-sm-offset-1 col-xs-offset-1"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
  
          &lt;div id="queryModal" class="modal fade" style="display: none;"&gt;
              &lt;div class="modal-dialog modal-lg"&gt;
                  &lt;div class="modal-content"&gt;
                      &lt;div class="modal-body"&gt;
                      &lt;form role="form" method="GET" class="query-form form-horizontal" id="query-form" style="display: block;"&gt;
                        ...
  
          &lt;div id="screen" class="Screen"&gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>My backbone View:</p>
  
  <pre><code>module.exports = Backbone.View.extend({
    tagName: 'div',
    events: {
      'click #saveReportBtn': '_handleSaveReport',
      'click #saveQuery': '_handleSaveQuery',
      'keydown #queryToolbar': '_enter',
    },
    _enter( event ) {
      console.log('event target:', + event.target.name + ', ' + event.currentTarget.name); // eslint-disable-line no-console
    },
  ...
  </code></pre>
  
  <p>keypress event supposed to be listened by #queryToolbar, but why <strong>only</strong> when #query-form poped up, it can be captured. </p>
  
  <p>Thanks</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>My codes:</p>
  
  <pre><code>  events: {
      'keydown': '_enter',
    },
  
  
    _enter( event ) {
      console.log('event target:', + event.target.name + ', ' + event.currentTarget.name); // eslint-disable-line no-console
      if ( event.keyCode === 13 ) {
        console.log('enter key down'); // eslint-disable-line no-console
      }
      if ( this._getReportId() &gt; 0 ) {
        console.log('save query'); // eslint-disable-line no-console
      } else {
        console.log('save report'); // eslint-disable-line no-console
      }
    },
  </code></pre>
  
  <p><strong>When query-form popped up (pic 1), I can see the log in console (pic2). but when query-form not popped up, when enter key down, I cannot see anything. Confused.</strong></p>
  
  <p>pic1:
  <a href="https://i.stack.imgur.com/J2Fek.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J2Fek.png" alt="enter image description here"></a></p>
  
  <p>pic2:
  <a href="https://i.stack.imgur.com/NBetJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NBetJ.png" alt="enter image description here"></a></p>