如何使用JavaScript查找无keypressed事件的同className元素？

这个问题得结合事件绑定的不同方式来处理，我分两种常见场景给你拆解：

1. 检测直接通过onkeypress属性绑定的事件 #

如果你的事件是直接通过元素的onkeypress属性绑定的（比如写HTML时加onkeypress="handleKeyPress()"，或者JS里直接赋值item.onkeypress = handleKeyPress），那检测起来非常简单：

var items = document.getElementsByClassName("myInputs");
// 把HTMLCollection转成数组方便用数组方法操作
var itemsArray = Array.from(items);
// 筛选出没有绑定onkeypress的元素
var unboundItems = itemsArray.filter(item => !item.onkeypress);

// 输出结果验证
console.log("未绑定keypressed事件的元素：", unboundItems);

2. 检测通过addEventListener绑定的事件 #

这种情况就麻烦一些，因为原生JS没有标准API能直接获取元素通过addEventListener绑定的所有事件，我给你两种可行方案：

方案A：调试环境下用浏览器工具API #

Chrome、Edge等浏览器的开发者工具提供了getEventListeners()方法，能直接获取元素绑定的事件列表，适合调试时使用：

var items = document.getElementsByClassName("myInputs");
var itemsArray = Array.from(items);
var unboundItems = itemsArray.filter(item => {
  // 获取元素的keypress事件列表，没有的话返回空数组
  const keypressListeners = getEventListeners(item).keypress || [];
  // 没有绑定任何keypress事件就筛选出来
  return keypressListeners.length === 0;
});

console.log("未绑定keypressed事件的元素：", unboundItems);

注意：getEventListeners()是浏览器开发者工具专属API，不能在生产环境代码中使用，仅用于调试排查问题。

方案B：生产环境下维护事件注册表 #

如果要在生产环境实现这个功能，最可靠的方式是自己维护一个绑定记录，每次绑定事件时标记元素：

// 用Set存储已经绑定keypress事件的元素，避免重复记录
const keypressBoundElements = new Set();

// 封装一个绑定keypress事件的函数，统一管理
function bindKeypress(element, handler) {
  element.addEventListener('keypress', handler);
  keypressBoundElements.add(element);
}

// 后续筛选未绑定元素时：
var items = document.getElementsByClassName("myInputs");
var itemsArray = Array.from(items);
var unboundItems = itemsArray.filter(item => !keypressBoundElements.has(item));

console.log("未绑定keypressed事件的元素：", unboundItems);

这种方式完全由我们自己控制绑定记录，不受浏览器限制，是生产环境的最优解。

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