如何获取所有 GlobalEventHandlers 的列表？答案

【问题标题】：How do I get a list of all GlobalEventHandlers?如何获取所有 GlobalEventHandlers 的列表？
【发布时间】：2018-03-30 11:56:49
【问题描述】：

如何获取 GlobalEventHandlers 的所有属性的列表？

具体来说，我想测试传递的字符串是否是 GlobalEventHandlers 的属性，例如：

console.log(GlobalEventHandlers.includes('onClick')); // true
console.log(GlobalEventHandlers.includes('fizzBuzz')); // false

【问题讨论】：

【解决方案1】：

获得所有这些的唯一真正方法是自己构建列表，但您可以遍历窗口对象中的键并查找以 on 开头的键

Object.keys(window).filter(k => !k.indexOf('on'))

但它不会只返回内置的。如果有人设置了自定义事件侦听器，例如

window.onfoobar = function () {}

这也会显示在结果中。

【讨论】：

谢谢，我认为这对我的用例来说会起作用。我可以做if (Object.keys(window).includes(key.toLowerCase()))，因为我使用的是反应，我有onClick而不是onclick。
@EdmundReed 但这意味着有人可以使用非事件的东西，它会被视为事件....又名frames, innerHeight, etc

【解决方案2】：

我为你写了一个 npm 包。

它提取存在于window（包括window）下的每个对象下的每个全局事件处理程序。

例如，通过调用：

const getGlobalEventsHandlersMap = require('global-event-handlers-map');

const gehsMap = getGlobalEventsHandlersMap('WebSocket');

您将得到以下结果（gehsMap 将是）：

{
  "WebSocket": [
    "onopen",
    "onerror",
    "onclose",
    "onmessage"
  ]
}

通过不带参数调用getGlobalEventsHandlersMap()，您将收到所有全局事件处理程序。

README 文件应该非常具有指示性，应该可以帮助您了解如何从该软件包中获取所需的一切。

你可以：

最好的方法取决于您的需求，应该是您的电话。我可以帮助您了解哪种方式最适合您，这取决于您的需求。

希望有帮助！

【讨论】：