获取所有可能的 DOM 事件 | CSS-Tricks

您可以通过在 Firefox 的控制台中运行以下代码，获取以“on”开头的所有事件的数组（例如 onclick）。

[i for(i in document)].filter(function(i){return i.substring(0,2)=='on'&&(document[i]==null||typeof document[i]=='function');})

您将得到如下所示的数组（Firefox 23）

["onreadystatechange", "onmouseenter", "onmouseleave", "onwheel", "oncopy", "oncut", "onpaste", "onbeforescriptexecute", "onafterscriptexecute", "onabort", "oncanplay", "oncanplaythrough", "onchange", "onclick", "oncontextmenu", "ondblclick", "ondrag", "ondragend", "ondragenter", "ondragleave", "ondragover", "ondragstart", "ondrop", "ondurationchange", "onemptied", "onended", "oninput", "oninvalid", "onkeydown", "onkeypress", "onkeyup", "onloadeddata", "onloadedmetadata", "onloadstart", "onmousedown", "onmousemove", "onmouseout", "onmouseover", "onmouseup", "onpause", "onplay", "onplaying", "onprogress", "onratechange", "onreset", "onseeked", "onseeking", "onselect", "onshow", "onstalled", "onsubmit", "onsuspend", "ontimeupdate", "onvolumechange", "onwaiting", "onmozfullscreenchange", "onmozfullscreenerror", "onmozpointerlockchange", "onmozpointerlockerror", "onblur", "onerror", "onfocus", "onload", "onscroll"]

Firefox，因为它支持数组推导式，该代码片段使用了该特性。

姓名

# 2013年9月11日

可惜现在没人用 Firefox 了。

姓氏

评论永久链接# 2013年9月24日

错了，很多人都在使用 Firefox！Chrome 太好了，它会告诉你你的网站完美无缺。当你尝试在 IE 上运行它时，一切都会崩溃。使用 Firefox 的开发者工具和 Firebug，你就可以万事俱备了！我的朋友用 Chrome 测试他的东西，很多时候都会出现 JS 错误！也许如果你是一个普通用户，Chrome 就足够了，但如果你是一个 Web 开发者，我推荐使用 Firefox。

Simon

# 2014年6月23日

谢谢 :)

Hossein

# 2017年6月12日

酷…
以及这段代码可以实现跨浏览器兼容，特别是对于“onwheel”事件…

function getBrowserEvents ()
  {
    var browserEvents = [];
    for (var e in document) if (typeof document[e] !== "function" && e !== null && e.substring(0, 2) === "on") browserEvents[browserEvents.length] = e;
    return browserEvents;
  }

评论

发表评论 取消回复

发表评论取消回复