javascript - 单击链接时聚焦输入中的 Keyup 事件

Question

我有一个按钮，当它被点击时，我会显示一些输入字段。输入字段本身跟踪按键事件。

当我使用键盘单击按钮(聚焦它然后按 return)时，输入字段收到意外的 keyup 事件。

演示:http://jsfiddle.net/LpXGM/3/ (只需点击 return 并查看页面上的消息)

但是如果我添加超时，一切都会按预期进行。演示:http://jsfiddle.net/8BRmK/1/ (点击按钮上的 return 时没有 keyup 事件)

为什么会发生这种奇怪的事情？我该如何解决？

处理程序的代码:

$button.on("click", function(){
    showModal();
});

$emailField.on("keyup", function(event) {
    // process the event
});

var showModal = function() {
    $modal.show();
    $emailField.focus();
}

Answer 1

没有超时的可能解决方案:http://jsfiddle.net/agudulin/3axBA/

$button.on("keypress", function(event){
  if (event.keyCode == 13) {
    return false;
  }
});

$button.on("keyup", function(event){
  if (event.keyCode == 13) {
    showModal();
    $status.append($("<span>enter has been pressed</span></br>"));
  }
});