AI ANSWERS by 1 NOTES

WEB制作、AI、Windows、アプリの使い方など様々な疑問を解決する

jQueryでエンターキーのイベントを実装するサンプルコード

以下は、jQueryを使用してエンターキーのイベントを実装するためのサンプルコードです。

<!DOCTYPE html>
<html>
<head>
	<title>Enterキーのイベント</title>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
	<input type="text" id="myInput" />

	<script>
	$(document).ready(function() {
		$('#myInput').keypress(function(event) {
		// エンターキーのキーコードは13です
		if (event.keyCode === 13) {
			// ここにエンターキーが押された時の処理を記述します
			alert('エンターキーが押されました!');
		}
		});
	});
	</script>
</body>
</html>

このコードでは、<input>要素に入力されたテキストを含む場合に、エンターキーが押された時にアラートが表示されます。#myInput<input>要素のIDで、それに対してキープレスイベントが設定されます。キーコードが13(エンターキー)の場合、アラートが表示されます。

このサンプルコードをHTMLファイルに保存し、ブラウザで開くと、入力フィールドにテキストを入力してエンターキーを押すとアラートが表示されます。