Tech Stuff - DOM addEventListener
W3C Event Reference. Part of the Events Interface
addEventListener Method
Adds an event handler function to the specified object (element). The function is automatically supplied with the 'event' object reference. Multiple functions may be registered for the same event on the same object.
Syntax
object.addEventListener(type, function, capture)
Related Stuff
removeEventListener
Parameters
| Name |
Description |
Notes |
| type |
event type in quotes
supported events
click
mousedown
mouseup
mousemove
mouseover
mouseout
NO KEYBOARD methods in DOM-2
abort
blur
change
error
focus
load
reset
resize
scroll
select
submit
unload
DOMCharacterDataModified
DOMAttrModified
DOMNodeInsertedIntoDocument
DOMNodeRemovedFromDocument
DOMNodeRemoved
DOMNodeInserted
DOMSubtreeModified
DOMFocusIn
DOMFocusOut
DOMActivate
|
|
| function |
the name of the function to be called |
|
| capture |
?? |
?? |
Examples
window.addEventListener("mousemove",follow,false);
function follow(e)
{
v = e.clientX;
// more code
}
The function follow() will be called every time the mousemove event is triggered anywhere in the browser window. The event object attributes are exposed. In the example we get the X (horizontal) co-ordinate of the event e.g. a mouse click.
Notes:
Gecko only provides mouse buttons for events that trigger the events 'click', 'mousedown', 'mouseup'.
Problems, comments, suggestions, corrections (including broken links) or something to add? Please take the time from a busy life to 'mail us' (at top of screen), the webmaster (below) or info-support at zytrax. You will have a warm inner glow for the rest of the day.
