使用使用jQuery空格键在FireFox

Question

 $(this).keydown(function(e) { 
      if(e.keyCode ===32) 
      { 

      } 
     } 

http://jsfiddle.net/gaby/CWvwn/

下面拨弄我注意到，你不能按在FireFox空格键选择项目选择下拉菜单项。它在其他浏览器中工作。有没有一种jQuery的方式来强制使用空间键选择项目（就像我上面写的东西）？

Answer 1

是的，这可以通过下面的示例代码来实现。我已经用Firefox测试过了。

我还没有找到任何其他解决方案，但它的工作原理。你可以在jsFiddle here找到相同的代码。

$(function() { 
 
    $('select').on('keyup', function (event) { 
 
     //console.log(event); 
 
     if (event.keyCode == '32') { 
 
      var selected = $(this)[0].selectedIndex; 
 
      //console.log(selected); 
 
      $("select").prop('selectedIndex', selected); 
 
      $(this).blur(); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
    <option>4</option> 
 
    <option>5</option> 
 
</select>