Firefoxで動作しないpreventDefault()に関する他の質問がありますが、私には役に立たなかったことがわかりました。Firefox 9.0.1のSELECT要素でpreventDefault()が機能しない
SELECTリストは3つあります。を変更せずに矢印キーを使用してそれらの間を移動するだけです。このコードは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>
.......それをしようとしてくれてありがとう編集@Andrew Whitaker次回は自分でコードを組み込むようにしています。 – Ace