DOM Traversal Methods - MarkMail

Chapter 5
$('.trigger').click(function() {
$('.target').keypress();
});
After this code executes, clicks on the Trigger button will also display the message.
If key presses anywhere need to be caught (for example, to implement global
shortcut keys on a page), it is useful to attach this behavior to the document object.
All key presses will make their way up the DOM to the document object unless
explicitly stopped because of event bubbling.
To determine which key was pressed, we can examine the event object that is passed
to the handler function. The .keyCode attribute typically holds this information, but
in some older browsers .which stores the key code. JavaScript's String object has a
.fromCharCode() method that can be used to convert this numeric code into a string
containing the character for further processing.
Note that keydown and keyup provide a code indicating which key is pressed, while
keypress indicates which character was entered. For example, a lowercase "a" will
be reported as 65 by keydown and keyup, but as 97 by keypress. An uppercase "A"
is reported as 97 by all events. This can be the primary motivator for deciding which
event type to use.
.keyup()
Binds an event handler to the keyup JavaScript event, or triggers that event on
an element.
.keyup(handler)
.keyup()
Parameters (First Version)
• handler: A function to execute each time the event is triggered
Return Value
The jQuery object, for chaining purposes.
Description
This handler is a shortcut for .bind('keyup', handler) in the first variation, and
.trigger('keyup') in the second.
[ 127 ]