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,

[WHY]

[WHERE]

[WHEN]

[EXAMPLE]

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

[HOW-TO]

[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 Photos Edit more

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

Content Photos Edit more

photos

page_photo

actions

Email Email-Owner SMS and