javascript - テキストエリアがアクティブに使用されているときにフォーカスを削除する方法

Question

テキストエリアがアクティブに使用されている場合 (つまり、ユーザーがこのフィールドにキーストアを入力している場合)、入力されている文字のシーケンスが「aeu」のような定義されたシーケンスと一致する場合、テキストエリアからフォーカスを外してクリックしたいと思います。ボタン。

注：Mousetrap プラグインを使用してキーボードショートカットを処理しています。 https://github.com/ccampbell/mousetrap/blob/master/mousetrap.min.js

デモページでわかるように、試してみblur()ましtrigger('blur')たが、テキストエリアからフォーカスを外すことができませんでした。

score 3 · Accepted Answer

あなたが使用しているライブラリが何であるかはわかりませんが、いくつかの単純な jQuery イベントバインディングを使用して、必要な機能を取得しました。

$('#text').keyup(function () {
    if ($(this).val() === 'aeu') $(this).blur();
    $('#myBtnId').click();
});

jsFiddleの例を次に示します。

アップデート：

これは、テキスト領域を使用して、目的の文字列の前に任意の数の文字を入力できるように作り直した例です。例

更新 2:

ご要望のボタン機能を追加しました。乾杯！

score 1 · Accepted Answer

プラグインなしでそれを行うことができます-

$('textarea').on('keyup', function () {
    if (this.value === 'enter') {
        $(this).blur();
    }
});

4 に答える 4