JavaScript event sequence

javascript events sequence timing
Stephen Sorensen picture Stephen Sorensen · Jan 20, 2010 · Viewed 13.8k times · Source

Some events in JavaScript fire before others. For example, with an input element, the keydown and keypress events fire first. Then, if the return value from those was not false, the input.value is updated. Then, the keyup event fires.

Is there a web site where I can find a comprehensive list of all events and the order in which they are executed, as well as other things that take place in between, such as updating the value in the input box in my example?

Such a list would be extremely helpful.

Answer

Tim Down picture Tim Down · Jan 20, 2010

For key events, the following is an excellent resource: http://unixpapa.com/js/key.html. There's also a page for mouse events on the same site at http://unixpapa.com/js/mouse.html that I haven't used, but I imagine is useful based on the key events page.

Related questions

Event binding on dynamically created elements?

I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddling with their width on mouse on/off. This happens …

Read More
jQuery Event Keypress: Which key was pressed?

With jQuery, how do I find out which key was pressed when I bind to the keypress event? $('#searchbox input').bind('keypress', function(e) {}); I want to trigger a submit when ENTER is pressed. [Update] Even though I found …

Read More
How to trigger event in JavaScript?

I have attached an event to a text box using addEventListener. It works fine. My problem arose when I wanted to trigger the event programmatically from another function. How can I do it?

Read More