jQuery 取消按键转义事件

Question

从我的 Fiddle 中的示例中，您将看到我试图一旦用户单击转义按钮，它就会将 div 状态显示为取消。

我所做的是:

1. 在输入框中输入一些值
2. 只需单击选项卡即可运行模糊事件(状态更改为已保存)
3. 更改值，然后单击转义(输入已删除，但状态返回到已保存而不是取消)

我知道它在逃逸事件的 if 语句下运行代码，但之后它仍然转到模糊事件并将状态更改为已保存。

查看我的Fiddle

HTML:

<input id="input"/>
<div id="status">status</div>

jQuery:

$(document).ready(function() {
  $('#input').live('blur', function(e){
    $('#status').html("saved");
    $('#input').live('keyup', function(e){
      if (e.keyCode == 27) { 
        $('#status').html("cancel");
        $('#input').remove();
      }    
    });  
  });                                        
});

Answer 1

如果您执行以下操作，则不会!

$('#input')
    .on('blur', function(e){
        $('#status').html("saved");  
    })
    .on('keyup', function(e){
        if (e.which == 27) { 
            $('#status').html("cancel");
            $('#input')
                .off('blur') // unbind the blur event
                .remove();
        }    
    });     

Here is a forked demo