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ファイルに保存し、ブラウザで開くと、入力フィールドにテキストを入力してエンターキーを押すとアラートが表示されます。