ホームページ > 記事 > ウェブフロントエンド > jqueryで要素がフォーカスを失ったときにトリガーされるイベント
「blur」イベントは、要素がフォーカスを失うとトリガーされます。 jquery では、blur() メソッドを使用して、「blur」イベントがトリガーされたときに実行する必要があるイベント処理関数を設定できます。構文は「$(selector).blur(function)」です。処理関数は次のとおりです。ブラーイベントが発生したときに実行されるコードを指定します。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
jquery では、要素がフォーカスを失ったときに「blur」イベントがトリガーされます。
blur() メソッドを使用して、「blur」イベントがトリガーされたときに実行する必要があるイベント処理関数を設定できます。この関数は、blur イベントの発生時に実行されるコードを指定することもできます。
構文:
$(selector).blur(function)
| パラメータ | 説明 |
|---|---|
| 関数 | オプション。ブラーイベントが発生したときに実行する関数を指定します。 |
例: フォーカスを失ったときに入力フィールドの色を変更する (ぼやける)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("input").focus(function() {
$("input").css("background-color", "#FFFFCC");
});
$("input").blur(function() {
$("input").css("background-color", "#D6D6FF");
});
});
</script>
</head>
<body>
用户名: <input type="text" />
<p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p>
</body>
</html>
[推奨学習] :jQuery ビデオ チュートリアル 、Web フロントエンドの紹介ビデオ ]
以上がjqueryで要素がフォーカスを失ったときにトリガーされるイベントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。