jQuery_jqueryでのフォーカスイベントの使用例

この記事の例では、jQuery での focus イベントの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

focus イベントは、要素がフォーカスを取得するか、focus() メソッドが呼び出されるときにトリガーされます。

完全なイベント プロセスには、イベントをトリガーできる条件だけでなく、イベント ハンドラーも必要です。
focus() メソッドを使用して、イベント ハンドラーをフォーカス イベントにバインドできます。例:

コードをコピー コードは次のとおりです。

$("input").focus(function(){$(これ).css("backgroundColor","re​​d")})

上記のコードは、 focus() メソッドを通じて、関数 function をイベント ハンドラーとして focus イベントにバインドします。この関数は、focus イベントがトリガーされると呼び出されます。
コード例:

コードをコピーします コードは次のとおりです:

<メタ文字セット = " utf-8" > <スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("input").focus(function(){
$(this).css("backgroundColor","re​​d")
})
})

ユーザー名:

パスワード:

上記のコードは、input 要素の focus イベント ハンドラーを登録し、フォーカスを取得したときにテキスト ボックスの背景色を設定できます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。