ブラウザーのキャリッジ リターン イベントをリッスンして無効にする JavaScript の例_JavaScript のヒント

js はブラウザーの入力イベントを監視し、ie6、Firefox、Google、その他のブラウザーをサポートできます。

コードをコピー コードは次のとおりです:

<頭>
<スクリプトタイプ="text/javascript">
//キーボードイベントを登録します
document.onkeydown = function(e) {
//キャリッジリターンイベントをキャプチャ
var ev = (イベントの種類!= '未定義') window.event : e;
if(ev.keyCode == 13) {
alert('キャプチャされたイベントを入力してください!');
}
}


<本文 />

では、指定された DOM オブジェクトのキャリッジ リターン イベントをキャプチャするにはどうすればよいでしょうか?ここでは、input タグを例として取り上げます:

コードをコピーします コードは次のとおりです:

<頭>
<スクリプトタイプ="text/javascript">
//キーボードイベントを登録します
document.onkeydown = function(e) {
//キャリッジリターンイベントをキャプチャ
var ev = (イベントの種類!= '未定義') window.event : e;
if(ev.keyCode == 13 && document.activeElement.id == "msg") {
alert("コンテンツの取得:" document.activeElement.value);
}
}

では、js でブラウザーのキャリッジ リターン イベントを無効にするにはどうすればよいでしょうか? HTML フォーム領域で Enter キーを押したときのブラウザのデフォルトの動作は、フォームを自動的に送信することであることがわかっています。これを例として、js でブラウザーのキャリッジ リターン イベントを無効にする方法を説明してみましょう:

コードをコピーします コードは次のとおりです:

<頭>
<スクリプトタイプ="text/javascript">
//キーボードイベントを登録します
document.onkeydown = function(e) {
//キャリッジリターンイベントをキャプチャ
var ev = (イベントの種類!= '未定義') window.event : e;
if(ev.keyCode == 13 && document.activeElement.id == "msg") {
Return false;//キャリッジリターンイベントを無効にする
}
}



<フォームアクション="form.php">