preventDefault () не работает с элементами SELECT в Firefox 9.0.1

Я понимаю, что есть и другие вопросы по 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:

11
задан Andrew Whitaker 15 January 2012 в 13:46
поделиться