Skip to content
Related Articles

Related Articles

jQuery | event.which property with Examples

View Discussion
Improve Article
Save Article
  • Last Updated : 12 Feb, 2019
View Discussion
Improve Article
Save Article

The event.which is an inbuilt property in jQuery which is used to return which keyboard key or mouse button was pressed for the event.
Syntax:

event.which

Parameter: It does not accept any parameter because it is a property not a function.
Return Value: It returns which keyboard key or mouse button was pressed.

jQuery code to show the working of this property:

Code #1:
In the below code, ascii value of the key is displayed.




<html>
  
<head>
    </script>
    <script>
        $(document).ready(function() {
            <!-- jQuery code to show event.which property -->
            $("input").keydown(function(event) {
                $("div").html("Key: " + event.which);
            });
        });
    </script>
    <style>
        div {
            margin: 20px;
            width: 80px;
            height: 60px;
            padding: 20px;
            border: 2px solid green;
        }
    </style>
</head>
  
<body>
    <!-- Here ascii value of the key will be shown -->
    <div>
        <p></p>
    </div>
    Name :
    <input type="text">
</body>
  
</html>

Output:
Ascii value of “G” is shown-

Code #2:
In the below code, which mouse button was pressed is displayed.




<html>
  
<head>
    <script 
    </script>
    <script>
        <!-- jQuery code to show event.which property -->
        $(document).ready(function() {
            $("div").mousedown(function(event) {
                $("div").append("<br>Mouse button : " + event.which);
            });
        });
    </script>
    <style>
        div {
            border: 2px solid green;
            width: 400px;
            height: 300px;
            padding: 20px;
        }
    </style>
</head>
  
<body>
    <!-- click inside and see -->
    <div style="">Click anywhere in this box !!!</div>
</body>
  
</html>

Output:
When left button of mouse is clicked:


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!