Compare Revisions

DOM Events

Change Revisions

Revision 40796:

Revision 40796 by OsamaBinLogin on

Revision 40797:

Revision 40797 by OsamaBinLogin on

Title:
DOM Events
DOM Events
Slug:
DOM_Client_Object_Cross-Reference/DOM_Events
DOM_Client_Object_Cross-Reference/DOM_Events
Tags:
DOM, Event
DOM, Event
Content:

Revision 40796
Revision 40797
n43      When a handler gets called, it gets passed to it an Event on43      When a handler gets called, it gets passed to it an Event o
>bject, which has lots of fields that tell about the event, such a>bject, which has lots of fields that tell about the event, such a
>s which keystroke was hit, what the mouse coordinates were, what >s which keystroke was hit, what the mouse coordinates were, what 
>the time was when the event happened, etc.  Where you get th>the time was when the event happened, etc.  Where you get th
>is event object depends on your browser and how you set the event>is event object depends on your browser and how you set the event
> handler.  There are, sigh, too many ways to set an event ha> handler.  There are, sigh, too many ways to set an event ha
>ndler, each with its own quirks.>ndler, each with its own quirks. &nbsp;More info <a href="/DOM/el
 >ement" title="DOM/element">here</a>.
t96    <p>t96    <pre>
97      function getACupcake(event) {97function getACupcake(event) {
98    </p>
99    <p>
100      var target = event.target || event.srcElement;98  var target = event.target || event.srcElement;
99  target.style.backgroundColor = '#F00';  // use it
100}
101</pre>
101    </p>102    <p>
102    <p>103      &nbsp;Check out the <a class=" external" href="http://quirk
 >smode.org/" title="http://quirksmode.org/">Quirks Mode site</a> f
 >or more info about browser differences.
103      target.style.backgroundColor = '#F00';
104    </p>
105    <p>
106      &nbsp;
107    </p>&lt;meta charset="utf-8"/&gt;
108    <p>
109      }
110    </p>
111    <p>
112      &nbsp;
113    </p>
114    <p>
115      &nbsp;

Back to History