Cách lấy khóa Enter trong hộp văn bản để kích hoạt chức năng chứ không phải nút đầu tiên/mặc định

Question

Tôi đang cố gắng nhập phím Enter để kích hoạt chức năng khi nó được nhấn khi bên trong một hộp văn bản nhất định và không kích hoạt đầu tiên hoặc nút mặc định.

Bạn có thể xem ví dụ về những gì đang xảy ra ở đây: http://jsfiddle.net/cutsomeat/WZ6TM/1/

Nếu bạn bấm phím khác bạn sẽ nhận được một hộp cảnh báo với mã phím, tuy nhiên nếu bạn nhấn phím Enter bạn sẽ không nhận hộp cảnh báo với mã khóa, nhưng thay vào đó là hộp cảnh báo trong sự kiện nhấp nút.

Rõ ràng phím Enter sẽ kích hoạt nút. Có cách nào để tránh điều này và thay vào đó, hãy nắm bắt phím Enter trong sự kiện keyup, sau đó kích hoạt một chức năng khác?

Answer 1

Hãy thử điều này:

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

Demo

Answer 2

$(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!'); 
    }); 

}); 

DEMO

Đối với yếu tố sống sử dụng .on() như dưới đây:

$(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!'); 
    }); 

}); 

Answer 3

Do e.preventDefault() trong keyDown để tránh hành động mặc định nút:

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

Answer 4

Sử dụng .on() như .live() đã deprecated.

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