如何用JQuery移除HTML元素上第三方添加的keypress事件监听器

核心思路是通过事件处理函数的代码特征定位第三方监听器，避开不稳定的索引顺序，具体分两种场景处理：

场景1：第三方用jQuery绑定事件 #

因为你自身是用jQuery绑定的事件，直接从jQuery的事件存储中筛选目标监听器：

// 获取目标输入框
const $input = $('#signInName');
// 取出该元素绑定的所有keypress事件处理器
const keypressHandlers = $._data($input[0], 'events')?.keypress || [];

// 遍历筛选并移除第三方事件（排除你自己写的处理器）
keypressHandlers.forEach(item => {
  const handlerCode = item.handler.toString();
  // 用你自己代码的特征做排除逻辑——你的处理器里包含".sendCode.trigger('click')"
  // 第三方处理器不会有这段内容，匹配到后直接移除
  if (!handlerCode.includes(".sendCode.trigger('click')")) {
    $input.off('keypress', item.handler);
  }
});

场景2：第三方用原生JS绑定事件 #

如果第三方是通过原生addEventListener绑定的，用浏览器提供的getEventListeners（非标准但浏览器环境可用）获取监听器：

const inputEl = document.getElementById('signInName');
// 获取该元素所有原生keypress监听器
const nativeListeners = getEventListeners(inputEl)?.keypress || [];

// 遍历筛选并移除第三方事件
nativeListeners.forEach(listener => {
  const listenerCode = listener.listener.toString();
  // 同样用自身代码特征排除，或直接匹配第三方代码的唯一特征
  if (!listenerCode.includes(".sendCode.trigger('click')")) {
    inputEl.removeEventListener('keypress', listener.listener);
  }
});

精准匹配提示 #

如果排除法不够精准，你可以直接用第三方函数的代码特征定位：

1. 打开Chrome DevTools，找到输入框的keypress事件列表
2. 点击第三方事件对应的函数，查看其代码内容
3. 提取一段唯一且固定的代码片段（比如压缩后的特定字符串）
4. 将代码中的判断条件替换为handlerCode.includes("你提取的特征字符串")

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