jQuery keydown() method

jQuery Events

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

A keydown event occurs when the user presses a key.

Note:The order of events related to key events is:

• keydown

• keypress

• keyup

Useevent.whichThe attribute returns the pressed keyboard key.

Syntax:

Trigger the keydown event of the selected element:

$(selector).keydown()

Attach the function to the keydown event:

$(selector).keydown(function)

Example

A popup alert will appear when the user presses a key in the <input> field:

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

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

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

Determine which key was pressed:

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

Trigger the keydown event of the <input> field:

$("#btn1").click(function(){
　　$("input").keydown();
});

Parameter Value

jQuery Events