列出所有事件Javascript

Question

我正在寻找一种方法来列出javascript中用于动态事件创建的所有事件，或者检查字符串是否是正确的事件名称的方法。

谢谢你的时间。

Answer 1

不同的事件对不同的节点有效。

const elements = [
  'a',
  'window',
];

elements.forEach(elementName => {
  const el = document.createElement(elementName);
  console.log(`======= Events for ${elementName}:`);
  for (var prop in el) {
    if (prop.startsWith('on')) {
      console.log(prop);
    }
  }
});

Answer 2

如果Chrome是您的选项，您可以使用其开发人员工具。

• 按F12打开DevTools
• 在“元素”选项卡中单击要检查的元素。
• 单击“样式”选项卡旁边的“事件监听器”选项卡

您将在此处看到附加到元素的每个事件处理程序及其在代码中的引用。