javascript - 要素がフォーカスを失うのを防ぐ方法は?

Question

フォーカスを1つのテキストボックスに保つ方法は? ブラウザのどこをクリックしても。

$("#txtSearch").focus();

Answer 1

Konstantin Dinev の回答はほとんどの場合問題なく機能しますが、html の特定の部分をクリックしたときにのみフォーカスを失いたくない場合は、次のようにします。

$(".nofocus").on( "mousedown", function (e) {
    return false;
});

私の場合、私は小さな html テキスト エディターを使用しており、アクション ボタンを押したときにコントロールを失いたくないのですが、それ以外の場合はそうです。

ボタンに nofocus クラスを追加するだけで、コントロールを取得できません

Answer 2

入力から離れた領域をクリックする以外に、フォーカスを失う方法は他にもあります。つまり、タブ移動です。フォーカスが失われるのを防ぎたい場合は、blur イベントを使用します。

document.getElementById('txtSearch').addEventListener('blur', e => {
  e.target.focus();
});