Example

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

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

Try it yourself »

Definition and Usage

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 occurs.

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 keyup Event

Trigger the keyup event for the selected element.

Syntax

$(selector).keyup()
Try it yourself »


Bind a Function to the keyup Event

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

Syntax

$(selector).keyup(function)
Try it yourself »

Parameter Description
function Optional. Specifies the function to run when the keyup event is triggered.