jQuery keyup() method

jQuery Events

The keyup() method triggers the keyup event, or attach a function to run when the keyup event occurs.

The keyup event occurs when the user releases a key.

Note:The event sequence related to the keyup event is:

• keydown

• keypress

• keyup

Usingevent.whichThe attribute returns the key pressed on the keyboard.

Syntax:

Trigger the keyup event of the selected element:

$(selector).keyup()

Attach a function to the keyup event:

$(selector).keyup(function)

Example

An alert will pop up when the user releases the key:

$("input").keyup(function(){
　　alert("Welcome to the Basic Tutorial www.oldtoolbag.com!!!");
});

Set the background color of the <input> field when the keyboard key is released:

$("input").keyup(function(event){
　　$("background-color", "lightblue");
　　$("span").text(event.type);
});

Determine which key was pressed:

$("input").keyup(function(event){　
　　$("div").text("Key:  "　+　event.which);
});

Trigger the keyup event of the <input> field:

$("#btn2").click(function(){
　　$("input").keyup();
});

Parameter Value

jQuery Events