如何移除指定keyup事件而不删除已通过delegate绑定的事件？

这个坑我之前踩过！核心问题在于$(document).off('keyup')会一刀切移除所有绑定在document上的keyup事件——不管是你用delegate绑定的委托事件，还是后来加的弹窗全局事件。下面给你几个实用的解决方案：

方案1：给事件加「命名空间」（最推荐） #

jQuery支持给事件添加命名空间，这样你就能精准移除指定的事件，不会影响其他绑定。

修改后的代码： #

绑定弹窗事件时添加命名空间

// 给弹窗的keyup事件加上.myConfirm命名空间
$(document).on('keyup.myConfirm', function(e){ 
  if (e.keyCode === 13) $myConfirm.find('.myConfirm-confirm').trigger('click'); 
});

移除时只针对命名空间的事件

// 仅移除带.myConfirm命名空间的keyup事件，不会碰其他事件
$(document).off('keyup.myConfirm');

这个方法最简单直接，完全不影响你之前用delegate绑定的data-listen-enter元素事件。

方案2：把弹窗事件绑定到弹窗容器上（更优雅） #

既然这个回车事件是专门给弹窗用的，没必要绑定到全局document上，直接绑定到弹窗的DOM容器里就行。

修改后的代码： #

绑定到弹窗元素

// 把keyup事件绑定到弹窗容器$myConfirm上，而非document
$myConfirm.on('keyup', function(e){ 
  if (e.keyCode === 13) $(this).find('.myConfirm-confirm').trigger('click'); 
});

移除事件（或销毁弹窗）

// 移除弹窗上的keyup事件，完全不影响全局
$myConfirm.off('keyup');

// 如果弹窗用完要删除，直接remove()即可，事件会自动被清理
$myConfirm.remove();

这种方式缩小了事件的作用域，避免全局事件冲突，也更符合事件绑定的最佳实践。

方案3：用函数引用精准移除 #

把弹窗的事件处理函数存成变量，绑定和移除都用这个变量，这样只会移除特定的函数，而非所有同类型事件。

修改后的代码： #

先定义处理函数

// 把处理函数抽成变量，不要用匿名函数
function confirmKeyupHandler(e) {
  if (e.keyCode === 13) $myConfirm.find('.myConfirm-confirm').trigger('click');
}

绑定事件

$(document).on('keyup', confirmKeyupHandler);

移除事件

// 只移除这个特定的处理函数
$(document).off('keyup', confirmKeyupHandler);

注意：必须保证绑定和移除用的是同一个函数引用，匿名函数没法用这个方法。

内容的提问来源于stack exchange，提问作者SpaceDogCS