mail us  |  mail this page

contact us
training  | 
tech stuff  | 

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.

Tech Stuff

If you are happy it's OK - but your browser is giving a less than optimal experience on our site. You could, at no charge, upgrade to a W3C standards compliant browser such as Firefox

Search

web zytrax.com

Share

share page via facebook tweet this page

Page

email us Send to a friend feature print this page Decrease font size Increase font size Display full width page

Resources

HTML Stuff

W3C HTML 4.01
HTML5 (WHATWG)
HTML4 vs HTML5
HTML5 Reference
W3C Page Validator
W3C DOCTYPE

CSS Stuff

W3C CSS2.1
W3C CSS2.2
Default Styles
CSS3 Selectors
CSS 3 Media Queries
CSS 3 Colors

DOM Stuff

W3C DOM
W3C DOM 3 Core
W3C 3 Events

Accessibility

usability.gov
W3C - WAI
Web Style Guide
WebAim.org

Useful Stuff

Peter-Paul Koch
A List Apart
Eric Meyer on CSS
glish.com

Our Stuff

Our DOM Pages
DOM Navigation
Liquid Layout
CSS Short Cuts
CSS overview
CSS One Page

Javascript Stuff

ECMA-262

Site

CSS Technology SPF Record Conformant Domain
Copyright © 1994 - 2017 ZyTrax, Inc.
All rights reserved. Legal and Privacy
site by zytrax
Hosted by super.net.sg
web-master at zytrax
Page modified: October 21 2015.