javascript - 在 FireFox 中使用 Jquery 使用空格键选择下拉项

Question

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

           }
         }

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

在下面的 fiddle 中，我注意到您无法通过在 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>