article

events, event handlers, ...

[WHAT]

1. ] html elements have events like ( click, double-click, mouse-enter, hover, mouse-exit, change, onkeypress, onkeydown, onkeyup, onload, onunload, onmouseover, onmouseout, load, unload, abort, error, submit, reset, select, change, blur, resize, scroll  )
1. OBJECT -
2. BODY -
3. FORM - 
2. ] browser objects have events like (load,)
1. ] you write code (event handlers) to respond/react to the 'events' that are occuring on the page
3. ] eventing models 
1. ] event capture (most browsers) VS - with the event capture model, you write an 'event listener'
2. ] event bubbling (ie) - microsofts ie browser has a different event mechanism where events 'bubble' up through the dom,
4. ] 
5. ] 

[WHY]

1. ] 

[WHERE]

1. ] 

[WHEN]

1. ] 

[EXAMPLE]

1. ] event handler
2. ] event capture
3. ] event bubbling 

[HOW-TO]

1. ] 

[REFERENCE]

1. ] http://www.w3.org/wiki/Handling_events_with_JavaScript
2. ] http://www.w3.org/TR/DOM-Level-2-Events/events.html - spec, list of all events, 
3. ] http://www.w3.org/TR/DOM-Level-3-Events/ - spec, latest draft 
4. ] http://ie.microsoft.com/testdrive/HTML5/ComparingEventModels/ - ie implementation of latest draft
5. ] HTML event functions JavaScript Effects and animations $

 

Details

ID: 1764

NAME: events-and-event-handling

DESCRIPTION: events, event handlers, ] the 2 different event handling mechanisms ( capture & bubbling )

AUTHOR: article.author/s

EDITOR: article.editor/s

PUBLISHER: article.publisher/s

STATUS: Write

PRIORITY: 0

OWNER ID: 75

photos

actions

Email Email-Owner SMS and