javascript - 如何处理多个按钮的输入键功能？

Question

在我的页面中有两个按钮。对于输入键功能，我编写了以下 jQuery 代码。

$(function () {    
   $("#first-button-id").keyup(function (e) {
      if (e.keyCode == '13') {
         e.preventDefault();                  
      }
   }).focus();


   $("#second-button-id").keyup(function (e) {
      if (e.keyCode == '13') {              
         e.preventDefault();                 
      }
   }).focus();
});

但是当点击回车键时，第一个总是会被触发。请告诉我如何处理多个按钮输入键功能。

Answer 1

尝试这样的事情HTML:

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

JQuery

$('#textbox , #textbox2').keyup(function(event){

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

DEMO

某些浏览器更喜欢键码和其他使用...我建议您同时使用..