jqueryで要素がフォーカスを失ったときにトリガーされるイベント-フロントエンドQ&A-php.cn

jqueryで要素がフォーカスを失ったときにトリガーされるイベント

青灯夜游

リリース： 2022-06-07 17:04:34

オリジナル

4637 人が閲覧しました

「blur」イベントは、要素がフォーカスを失うとトリガーされます。 jquery では、blur() メソッドを使用して、「blur」イベントがトリガーされたときに実行する必要があるイベント処理関数を設定できます。構文は「$(selector).blur(function)」です。処理関数は次のとおりです。ブラーイベントが発生したときに実行されるコードを指定します。

jqueryで要素がフォーカスを失ったときにトリガーされるイベント

このチュートリアルの動作環境: 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で要素がフォーカスを失ったときにトリガーされるイベント