jQueryでエンターキーを無効にするサンプルコード

2023-07-07

jQueryを使用してエンターキーを無効にするサンプルコードは以下の通りです。

$(document).ready(function() {
	$(window).keydown(function(event){
	if(event.keyCode == 13) {
		event.preventDefault();
		return false;
	}
	});
});

このコードでは、ドキュメントが読み込まれた後($(document).ready)、ウィンドウのキーダウンイベントを監視しています。もしキーのコードが13（エンターキー）であれば、event.preventDefault()によってデフォルトのイベント（通常の改行動作）をキャンセルし、return falseによってイベントの伝播を止めます。

このコードをHTMLの<script>タグ内に追加するか、外部のJavaScriptファイルに保存してHTMLファイルから参照することで、エンターキーが無効になります。