开发者

How to trace or debug all available javascript events

开发者 https://www.devze.com 2022-12-08 21:06 出处:网络
How can I trace all Javascript events of a web page? Is there a possibility to trace all events, even such without a handler attached?

How can I trace all Javascript events of a web page?

Is there a possibility to trace all events, even such without a handler attached?

Is there any tool out there, that can do this?

Clarification:

For example:

For a text input I can add an event handler for onblur and 开发者_运维百科onchange.

If I (in the browser) change the value of the textfield and leave it, both eventhandlers are executed. Now I would like to know which other events I "have missed" (the ones which would have been executed if there was an eventhandler attached).

Clarification2:

Can I get a list(on a given element) of all possible events I can attach an eventhandler?


Here is a list of Javascript events: https://developer.mozilla.org/en-US/docs/Web/Events


Here's a simple script to log all available events in the browser's console:

var ev = '',
    out = [];
for (ev in window) {
    if (/^on/.test(ev)) { 
        out[out.length] = ev;
    }
}
console.log(out.join(', '));

Of course you'll get only the events of the browser you're currently using.


This is my favorite reference, it is updated more frequently than some of the other posts: https://developer.mozilla.org/en-US/docs/Mozilla_event_reference?redirectlocale=en-US&redirectslug=DOM%2FDOM_event_reference


You can use FireBug Profiling Tool on FF and Web Developer Tool on IE8 or Developer Tools on WebKit

EDIT:

Just curious though, what do want to do with those events?

0

精彩评论

暂无评论...
验证码 换一张
取 消