1

だから私はテキストエリアでタブキーの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 を提供しないため、問題が存在するようです...解決策を調査しています...

4

2 に答える 2

1

Opera はバグのあるソフトウェアで、preventdefault は keypress イベントでのみ機能するようです。だから私はこのように解決しました:

function onkp(e) {
    if (e.keyCode == 9 && navigator.appName == "Opera") {
        e.preventDefault();
        e.stopPropagation();
    }
}

ただし、Opera では、押したままにすると連続したタブを挿入できないという副作用があります。

于 2012-09-23T13:57:39.083 に答える
1
  1. Chrome の場合:テキスト エディターは前の行の空白を圧縮するため、<textarea wrap="off" ...
  2. Opera の場合:わかりませんが、同じ keyCode で onBlur() を処理して、テキストエリアに再度フォーカスを当てることができます。
于 2012-09-23T11:36:55.197 に答える