jQuery Keydown Event Method

jQuery Keydown Event Method

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

The Jquery keydown event happens when a keyboard key is pressed down. When you press a key on the keyboard, the keydown () event occurs and once the keydown () event occurs, it executes the function associated with the keydown () method to run.

Syntax of jQuery Keydown Event Method

$(selector).keydown()  

This triggers the keydown event for the selected elements.

$(selector).keydown(function)  

Parameters of jQuery keydown()

ParameterDescription
FunctionIt 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

AuthorAdmin

My name is Devendra Dode. I am a full-stack developer, entrepreneur, and owner of Tutsmake.com. I like writing tutorials and tips that can help other developers. I share tutorials of PHP, Python, Javascript, JQuery, Laravel, Livewire, Codeigniter, Node JS, Express JS, Vue JS, Angular JS, React Js, MySQL, MongoDB, REST APIs, Windows, Xampp, Linux, Ubuntu, Amazon AWS, Composer, SEO, WordPress, SSL and Bootstrap from a starting stage. As well as demo example.

Leave a Reply

Your email address will not be published. Required fields are marked *