jQuery keydown event method; In this tutorial, you will learn what is keydown event in jQuery and how to use this keydown event with HTML elements.
jQuery Keydown Event Method with Example
The jQuery “keydown” event occurs when a keyboard key is initially pressed down. Upon pressing a key on the keyboard, the “keydown()” event takes place. Once this event occurs, it triggers the associated function linked with the “keydown()” method for execution.
Syntax of jQuery Keydown Event Method
Here is a syntax of jquery keydown event:
$(selector).keydown()
This jquery keydown event trigger for the selected elements.
$(selector).keydown(function)
Parameters of jQuery keydown()
| Parameter | Description |
|---|---|
| Function | It is an optional parameter. It is executed itself when the keydown event is triggered. |
Example of jQuery keydown()
Let’s see an example with demonstrate jQuery keydown().
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function(){
$("input").keydown(function(){
$("input").css("background-color", "red");
});
});
</script>
</head>
<body>
Write something: <input type="text">
</body>
</html>
In this jquery keydown event, set the background color “red” of an <input> field when a keyboard key is pressed down.
Recommended jQuery Tutorials
Recommended:-jQuery | Event MouseUp By Example
Recommended:-Event jQuery Mouseleave By Example
Recommended:-jQuery Event Mouseenter Example
Recommended:-Event jQuery MouseOver & MouseOut By Example
Recommended:-keyup jquery event example
Recommended:-Event jQuery. Blur By Example
Recommended:-jQuery – Remove All Unwanted Whitespace From String
Recommended:-jQuery form submit event with example
Recommended:-keydown function jQuery
Recommended:-List of jQuery Events Handling Methods with examples
