Tech Info - DOM-2 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.