JSはブラウザキャリッジリターンイベントを監視し、IE6+、Firefox、Googleなどのブラウザをサポートできます。
コードコピーは次のとおりです。
<html>
<head>
<script type = "text/javascript">
//キーボードイベントを登録します
document.onkeydown = function(e){
//キャリッジリターンイベントをキャッチします
var ev =(typeof event!= 'undefined')? window.event:e;
if(ev.keycode == 13){
アラート( 'Enter Event!' Cated! ');
}
}
</script>
</head>
<body />
</html>
では、指定されたDOMオブジェクトのキャリッジリターンイベントをキャッチする方法は?入力タグの例は次のとおりです。
コードコピーは次のとおりです。
<html>
<head>
<script type = "text/javascript">
//キーボードイベントを登録します
document.onkeydown = function(e){
//キャリッジリターンイベントをキャッチします
var ev =(typeof event!= 'undefined')? window.event:e;
if(ev.keycode == 13 && document.activeElement.id == "msg"){
alert( "content:" + document.activeElement.value);
}
}
</script>
</head>
<body>
<入力型= "text" id = "msg" value = "" />
</body>
</html>
それでは、JSでブラウザキャリッジリターンイベントを無効にする方法は? HTMLフォーム領域では、Enterを押すときのブラウザのデフォルトの動作は、フォームを自動的に送信することであることがわかっています。 JSによるブラウザEnterイベントを無効にする方法を説明する例を次に示します。
コードコピーは次のとおりです。
<html>
<head>
<script type = "text/javascript">
//キーボードイベントを登録します
document.onkeydown = function(e){
//キャリッジリターンイベントをキャッチします
var ev =(typeof event!= 'undefined')? window.event:e;
if(ev.keycode == 13 && document.activeElement.id == "msg"){
false; //返品イベントを無効にします
}
}
</script>
</head>
<body>
<form action = "form.php">
<入力型= "text" id = "msg" name = "msg" value = "" />
<入力型= "submit" value = "submit"/>
</form>
</body>
</html>