DOM Traversal Methods

Event Methods
.keypress()
Binds an event handler to the keypress JavaScript event, or triggers that event on
an element.
.keypress(handler)
.keypress()
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('keypress', handler) in the first variation,
and .trigger('keypress') in the second.
The keypress event is sent to an element when the browser registers keyboard
input. This is similar to the keydown event, except in the case of key repeats. If
the user presses and holds a key, a keydown event is triggered once, but separate
keypress events are triggered for each inserted character. In addition, modifier keys
(such as Shift) cause keydown events but not keypress events.
A keypress event handler can be attached to any element, but the event is only sent
to the element that has the focus. Focusable elements can vary between browsers, but
form elements can always get focus so are reasonable candidates for this event type.
For example, consider the HTML:
Trigger
The event handler can be bound to the input field:
$('.target').keypress(function() {
$(this).log('Keypress event was triggered.');
});
Now when the insertion point is inside the field and a key is pressed, the message
is displayed. The message repeats if the key is held down. We can trigger the event
manually when the button is clicked:
[ 126 ]