jquery - テキストボックス内でEnterキーを取得して、最初の/デフォルトボタンではなく関数をトリガーする方法

Question

Enterキーを取得して、特定のテキストボックス内で押されたときに関数をトリガーしようとしていますが、最初のボタンまたはデフォルトのボタンはトリガーされません。

ここで起こっていることの例を見ることができます：http：//jsfiddle.net/cutsomeat/WZ6TM/1/

他のキーを押すと、キーコードが記載されたアラートボックスが表示されますが、Enterキーを押すと、キーコードが記載されたアラートボックスは表示されず、ボタンクリックイベント内のアラートボックスが表示されます。

明らかに、Enterキーはボタンをトリガーします。これを回避し、代わりに、keyupイベントでEnterキーをキャプチャしてから、別の関数をトリガーする方法はありますか？

Answer 1

これを試して：

$('#myText').on("keypress", function(e) {
        if (e.keyCode == 13) {
            alert("Enter pressed");
            return false; // prevent the button click from happening
        }
});

デモ

Answer 2

非推奨になっているように使用.on()します。.live()

$(document).on("keypress", ".myText", function(e) {
     if (e.which == 13) {
         //do some stuff
     }
});

Answer 3

e.preventDefault()ボタンのデフォルトのアクションを回避するには、keyDownで実行します。

$('#myText').keydown(function(e) {
    if (e.keyCode == 13) {
        e.preventDefault();
    }
    alert(e.keyCode);
});

Answer 4

$(document).ready(function() {

    $('#myText').keypress(function(e) {
        if ( e.keyCode == 13 ) {  // detect the enter key
            $('#myButton').click(); // fire a sample click,  you can do anything
        }
    });

    $('#myButton').click(function(e) {
        alert('Button click activated!');
    });

});

デモ

ライブ要素の場合は.on()、次のように使用します。

$(document).ready(function() {

    $(document).on('keypress', '#myText', function(e) {

        if ( e.keyCode == 13 ) {  // detect the enter key
            $('#myButton').click(); // fire a sample click,  you can do anything
        }
    });

    $(document).on('click', '#myButton', function(e) {
        alert('Button click activated!');
    });

});