preventDefault()不能处理Firefox 9.0.1中的SELECT元素

Question

我意识到还有其他一些关于preventDefault()不能与Firefox一起工作的问题,但它们并没有帮助我.

我有三个SELECT列表,我想要的是使用箭头键在它们之间导航而不更改任何值.该代码在Chrome中运行良好,但在Firefox中,它会移动焦点,然后更改刚刚移动到的元素的值.

http://jsbin.com/ofitif/3/edit

JavaScript的:

$(document).ready(function () { 
  $('.myinput').keydown(function (evt) { onkeydown(evt); });
  $('.myinput:first').focus(); 
}); 

function onkeydown(evt) {
  evt.preventDefault();
  console.log(evt.which);
  if(evt.which == 39) {
    $(document.activeElement).next().focus();
  }
  else if(evt.which == 37) {
    $(document.activeElement).prev().focus();
  }             
}

HTML:

<div id="inputs">
    <select class="myinput">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>
    <select class="myinput">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>
    <select class="myinput">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>
</div>

Answer 1

false从你的处理程序返回keydown：

$('.myinput').keydown(function (evt) { onkeydown(evt); return false; });