title: keydown event in drop down list
body: <p>I am trying to create a Drop down list, that when a user holds the SHIFT key, it will select the same index on all other drop down lists.</p>
  
  <p>Currently, I am doing the following:</p>
  
  <pre><code>$(document).on('keyup keydown', function (e) { shifted = e.shiftKey });
  $(document).on('change', '.report_info select', function (e) {
      if (shifted) {
          //Code to change other drop down lists.
      }
  });
  </code></pre>
  
  <p>This only works if you press and hold the shift key before you enter the drop down list.  If you are inside the DDL and press the shift key, the keyup/keydown event will not fire and <code>shifted</code> will remain <code>false</code></p>
  
  <p><strong>Is there any way to catch the keyup/keydown event while a dropdownlist is focused?</strong></p>
  
  <p><strong>Edit:</strong></p>
  
  <p>Looks like it might be an issue with <strong>Chrome</strong> only, Just tried adding the following, and it works in Firefox and IE, but not Chrome:</p>
  
  <pre><code>$(document).on('keyup keydown', 'select', function (e) {
      shifted = e.shiftKey;
  });
  </code></pre>
  
  <p>Here is a fiddle of it not working in chrome: <a href="http://jsfiddle.net/ue6xqm1q/4" rel="noreferrer">http://jsfiddle.net/ue6xqm1q/4</a></p>