jqueryでオブジェクトにフォーカスがあるかどうかを判断する方法

オブジェクトがフォーカスを取得したかどうかを判断するための jquery メソッド: 最初にコード サンプル ファイルを作成し、次に is() メソッドを使用して選択された要素がセレクターと一致するかどうかを確認し、最後にそれを CSS3 疑似クラスセレクター「:focus」は、オブジェクトがフォーカスを取得したかどうかを判断できます。

この記事の動作環境: Windows7 システム、jquery1.2.6 バージョン、Dell G3 コンピューター。

jquery はオブジェクトにフォーカスがあるかどうか is() メソッドを使用して判定できます is() メソッドは選択された要素がセレクターと一致するかどうかを確認するために使用されます CSS3 疑似クラスを組み合わせることで判断できますselector: focus. 具体的なコードは $(selector).is(':focus') で、戻り結果が true の場合、フォーカスがあります。

jquery はオブジェクトにフォーカスがあるかどうかをどのように判断するのでしょうか?

jquery は、$(selector).is(":focus") を使用して、オブジェクトがフォーカスを取得したかどうかを判断できます。オブジェクトにフォーカスがある場合は true を返し、そうでない場合は false を返します。

構文: $(selector).is('')

関数: is() メソッドは、選択された要素がセレクターと一致するかどうかを確認するために使用されます。

:フォーカス セレクターは、フォーカスを受け取る要素を選択するために使用されます。

ヒント: :focus セレクターは、キーボード イベントまたはその他のユーザー入力を受け取る要素で使用できます。

推奨: "jquery ビデオ チュートリアル "

使用例:

<input type="text" id="input">
<script>
    // 延迟2s判断输入框是否具有焦点
    setTimeout(()=>{
        var isFocus=$("#input").is(":focus");  
        if(true==isFocus){  
            console.log(&#39;focus&#39;)
        }else{  
            console.log(&#39;blur&#39;)
        }
    }, 2000)
</script>

Web ページを更新した後、すぐに入力ボックスをクリックすると、プログラムが出力フォーカス

Web ページを更新した後、入力ボックスがクリックされていない場合、プログラムはブラーを出力します。

以上がjqueryでオブジェクトにフォーカスがあるかどうかを判断する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。