javascript

Chapter 12: Events
(continued)
event.view = document.defaultView;
event.detail = 0;
event.screenX = 0;
event.screenY = 0;
event.clientX = 0;
event.clientY = 0;
event.ctrlKey = false;
event.altKey = false;
event.metaKey = false;
event.shiftKey = false;
event.button = 0;
event.relatedTarget = null;
//fire the event
btn.dispatchEvent(event);
This code properly simulates mouse events for Safari 2.x and should only be used if event simulation
in this browser if necessary.
Firefox prior to version 3.0 did not allow assignment of the relatedTarget
argument. Any value passed in was ignored, and the relatedTarget property on
the event object always ended up as null.
Simulating Keyboard Events
As mentioned previously, keyboard events were left out of DOM Level 2 Events, so simulating keyboard
events is not straightforward. Keyboard events were included in draft versions of DOM Level 2 Events
and were removed before finalization. Firefox implements the draft version of keyboard events. It ’ s
worth noting that keyboard events in DOM Level 3 are drastically different from the draft version
originally included in DOM Level 2.
Firefox allows you to create a keyboard event by passing “ KeyEvents ” into the createEvent()
method. This returns an event object with a method called initKeyEvent() , which accepts the
following 10 arguments:
❑
❑
❑
❑
❑
❑
type (string) — The type of event to fire, such as “ click ”.
bubbles (Boolean) — Indicates if the event should bubble. This should be set to true for
accurate mouse event simulation.
cancelable (Boolean) — Indicates if the event can be canceled. This should be set to true for
accurate mouse event simulation.
view (AbstractView) — The view associated with the event. This is almost always document
.defaultView .
ctrlKey (Boolean) — Indicates if the Ctrl key is pressed. The default is false .
altKey (Boolean) — Indicates if the Alt key is pressed. The default is false .
428