Description

A complete key press has two parts, when the key is pressed down, and when the key is released and the key goes up again.

The keyup event occurs when a button is released. It occurs on the element that currently has focus.

The keyup() method triggers the keyup event, or if the function parameter is set, it specifies what happens when a keyup event occur.

Note: If set on the document element, the event will occur no matter what element has focus.

Note: Use the .which property to get which button was pressed.

---

Trigger the Event

Trigger the keyup event for the selected element.

This method has the form:

.keyup()

Return Value

This form returns a jQuery object.

---

Bind a Function to the Event

Specifies a function to run when the keyup event is triggered for the selected element.

This method has the alternate form:

.keyup(function)

Parameter	Description
function	(optional) Specifies the function to run when the keyup event is triggered.

Return Value

This form returns a jQuery object.

---

This method has the alternate form:

.keyup(data,function)

Parameter	Description
data	(optional) Specifies additional data to pass along to the function
function	(optional) Specifies the function to run when the keyup event is triggered.

Return Value

This form returns a jQuery object.

Examples

Change the color of a text field when a key is released:

$("input").keyup(function(){
  $("input").css("background-color","#D6D6FF");
});