jQueryでEnterキーが押されたかどうかをチェックする方法

投稿日: 2019-11-05 2019-11-05
タグ: jquery, keyboard event

“enter”キーはコード “13”で表され、これをhttp://www.asciitable.com/[ASCII charts]にチェックします。

テキストボックス内で「Enter」キーが押されたかどうかを確認するには、keypress（）をテキストボックスにバインドするだけです。

$('#textbox').keypress(function(event){

    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in textbox');
    }

});

Enterキーがページ上で押されたかどうかを確認するには、keypress（）をjQuery $（ドキュメント）にバインドします。

$(document).keypress(function(event){

    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in somewhere');
    }

});

__P.S Firefoxでは、

event.which

を使用してキーコードを取得する必要があります。 IEは

event.keyCode

と

event.which

をサポートしています。

自分で試してみてください

<html>
<head>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

</head>
<body>
  <h1>Check if "enter" is pressed with jQuery</h1>

<label>TextBox : </label>
<input id="textbox" type="text" size="50"/>

<script type="text/javascript">

$('#textbox').keypress(function(event){

    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in textbox');
    }
    event.stopPropagation();
});

$(document).keypress(function(event){

    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in somewhere');
    }

});

</script>
</body>
</html>

リンク://wp-content/uploads/jQuery/jQuery-check-enter-key-is-pressed.html[デモを試してください]

jquery

keyboard event

getdocs

13036