javascript - 从元素中动态移除类，但仍然可以检测到 Click 事件

Question

我有这样的按钮:

<a class="h-modal-btn branch-modal-btn"> Buy Now </a>

场景是我想根据URL传递的查询字符串去掉类，给按钮添加属性。省略上面的步骤，我就是这样

$('a.branch-modal-btn').removeClass('h-modal-btn');

当我通过检查开发人员工具来检查类是否被删除时。好吧，该类已从 HTML 中删除。伟大的!但是马上发现下面的代码还在执行。

$('.h-modal-btn').on('click', function() {
    // Do somthing
)}

太郁闷了!请帮助我，我将不胜感激。

Answer 1

这是因为您甚至在删除类之前就已将事件监听器分配给该按钮。现在事件监听器已经附加。像这样更改类名不会帮助您不再触发监听器。

因此您需要从这些元素中手动移除监听器。您可以使用 unbind或更新的 off方法。

$('a.branch-modal-btn').off("click").removeClass('h-modal-btn');