ホームページ >ウェブフロントエンド >jsチュートリアル >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('focus') }else{ console.log('blur') } }, 2000) </script>
Web ページを更新した後、すぐに入力ボックスをクリックすると、プログラムが出力フォーカス
Web ページを更新した後、入力ボックスがクリックされていない場合、プログラムはブラーを出力します。
以上がjqueryでオブジェクトにフォーカスがあるかどうかを判断する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。