jquery - .remove 事件触发 .blur 事件 - 如何逃脱？

Question

我将 .blur() 事件绑定(bind)到一个元素。每当我使用 $(elem).remove() 方法删除元素时，都会为同一元素触发 .blur 事件。这是jsFiddle - 要查看案例，请单击蓝色 div 并按任意键。

代码如下:HTML:

<div id="container"></div>
<ul id="tr"></ul>

CSS:

#container {
    width:100px;
    height:100px;
    background:blue;
    position:relative;
    cursor:pointer;

}JS:

$("#tr").on('keydown', '#ti', function() {
    $(this).remove();
});
$("#tr").on('blur', '#ti', function() {
    alert('blur is triggered');
});
$('#container').on('click', function() {
 var item = '<li id="ti" contenteditable="true"></li>';
 $("#tr").append(item);
 $("#ti").last().focus();
});

如果删除元素，如何防止 .blur 事件？或者我怎么知道该事件触发了我的元素的删除？

Answer 1

您只需调用unbind即可- 删除元素之前的功能。那应该可以解决你的问题。代码:

$(elem).unbind();

这将取消绑定(bind)到该对象的任何操作。