我设计了一个单页面的小应用，一个迷你聊天室。

一进去是一个黑幕，然后有一个小面板需要输入名字，旁边有一个按钮确认（第一个keypress），确认之后黑幕和面板都消失，进入页面。
页面是个聊天室，触发回车发送消息（第二个keypress）。

现在的问题是，在输入名字那个面板时，按回车会同时把上面的两个keypress都触发了。但我两个keypress绑定的选择器都是不一样的。

P.S.在html内，两个button的type都是button。

求大大解答，非常感谢。

代码：

//get username function getUsername(){ blackScreen.fadeOut("slow"); return $("#input-username").val(); } okay.click(getUsername); //send msg to database by enter formUsername.keypress(function(event) { if(event.keyCode === 13) { event.preventDefault(); okay.trigger("click"); } }); //get time function getTime() { var mydate = new Date(); var year = mydate.getFullYear(); var month = mydate.getMonth() + 1; var day = mydate.getDate(); var hour = mydate.getHours(); var minute = mydate.getMinutes(); var second = mydate.getSeconds(); //standardize time function stdTime(s) { if(s < 10) { return "0" + s; } else { return s; } }; return year + "/" + stdTime(month) + "/" + stdTime(day) + " " + stdTime(hour) + ":" + stdTime(minute) + ":" + stdTime(second); } //send msg to database by click inputBtn.click(function() { var inputMsg = $("#input-value").val(); //push msg to database msgs.push({ "name": getUsername(), "time": getTime(), "msg": inputMsg }); $("#input-value").val(""); }); //send msg to database by enter inputForm.keypress(function(event) { if(event.keyCode === 13) { event.preventDefault(); inputBtn.trigger("click"); } });

补上html两个button部分的代码：

 
 
     
 
 
 
 
 
  OK