Alle möglichen DOM-Events abrufen

Sie können ein Array aller Events abrufen, die mit "on" beginnen (z. B. onclick), indem Sie dies in der Konsole von Firefox ausführen.

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

Sie erhalten ein Array wie dieses (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, da es Array-Comprehensions unterstützt, die dieser kleine Schnipsel verwendet.

Kommentare

Name

# 11. September 2013

Schade, dass niemand mehr Firefox benutzt.

Antworten

Nachname

Permalink zum Kommentar# 24. September 2013

Falsch, viele Leute benutzen Firefox! Chrome ist zu gut, es wird Ihnen sagen, dass Ihre Website perfekt ist. Wenn Sie es auf IE versuchen, bricht die Hölle los. Auf Firefox mit der Entwicklertools und Firebug sind Sie bestens gerüstet! Mein Freund benutzt Chrome, um seine Sachen zu testen, und oft macht er JS-Fehler! Vielleicht ist Chrome für normale Benutzer in Ordnung, aber wenn Sie Webentwickler sind, empfehle ich Firefox.

Simon

# 23. Juni 2014

Danke :)

Antworten

Hossein

# 12. Juni 2017

Cool…
und dieser Code, um plattformübergreifende Dinge tun zu können… besonders für das "onwheel"-Ereignis…

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;
  }

Antworten

Kommentare

Kommentar hinterlassen Antwort abbrechen