我設計了一個單一頁面的小應用，一個迷你聊天室。

一進去是一個黑幕，然後有一個小面板需要輸入名字，旁邊有一個按鈕確認（第一個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