だから私はテキストエリアでタブキーのjavascript処理を行いました(タブを挿入します)。ほとんどの場合、これは魅力として機能します。
問題: Opera: ユーザーがタブ キーを押し続けると (タブが非常に速く挿入される)、textarea 要素がフォーカスを失い、処理プロセスが機能しません。以下の例でわかるように、フォーカスは 2 つのボタンとテキストエリアの間で変化し続けます。
コード:
<html>
<head>
<script type="text/javascript">
function onkd(e) {
var keyCode = 0;
if (document.selection) {
keyCode = e.keyCode;
} else {
keyCode = e.which;
}
if (keyCode == 9) {
if (e.preventDefault) {
e.preventDefault();
e.stopPropagation();
} else {
e.returnValue = false;
e.cancelBubble = true
}
var o = document.getElementById("texta");
if (o.setSelectionRange) {
var sS = o.selectionStart;
var sE = o.selectionEnd;
o.value = o.value.substring(0, sS) + "\t" + o.value.substr(sE);
o.setSelectionRange(sS + 1, sS + 1);
o.focus();
} else if (o.createTextRange) {
document.selection.createRange().text = "\t";
}
}
}
</script>
</head>
<body>
<p><button type="submit">dummy button1</button></p>
<textarea id="texta" style="width: 400px; height: 400px; overflow: hidden; white-space: pre;" onkeydown="onkd(event);">hahaha huhuhu hohoho hihihi hehehe</textarea>
<p><button type="submit">dummy button2</button></p>
</body>
</html>
更新された jsfiddle: http://jsfiddle.net/JEzxx/2/
onkeyup イベントでタブ キーが押された場合にキャッチし、onblur で次のことを行います。
onblur="if (bIsTabPressed) document.getElementById('texta').focus(); return false;"
しかし、それは問題を解決しません。タブキーを押し続けると、オペラで最初に要素がフォーカスを失う理由がわかりません。
オペラが keydown イベントで preventdefault を提供しないため、問題が存在するようです...解決策を調査しています...