Open In App

Javascript MouseEvent which Property

Improve
Improve
Like Article
Like
Save
Share
Report

The mouse event which property is used to return a number that corresponds to the pressed mouse button when a mouse event is triggered Syntax:

event.which

Return value: It returns a number indicating which mouse button is pressed:

  • For left mouse button: 1 is returned
  • For middle mouse button: 2 is returned
  • For right mouse button: 3 is returned

Example: 

html




<!DOCTYPE html>
<html>
  
<head>
    <title>mouseEvent which Property</title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
  
    <h2>
        mouseEvent which Property
    </h2>
  
    <button onmousedown="geek(event)">Click me!</button>
  
    <p id="p"></p>
    <script>
        function geek(event) {
            if (event.which == 1) {
                document.getElementById('p').innerHTML = "Left mouse"
                                            + " button is clicked ";
            } else if (event.which == 2) {
                document.getElementById('p').innerHTML = "Middle mouse"
                                            + " button is clicked ";
            } else if (event.which == 3) {
                document.getElementById('p').innerHTML = "Right mouse"
                                                + "button is clicked ";
            }
        }
    </script>
</body>
  
</html>


Output: 

 

Supported Browsers: The browser supported by which mouse events are listed below:

  • Apple Safari 1.0
  • Google Chrome 1.0
  • Firefox 1.0
  • Opera 5.0
  • Internet Explorer 9.0


Last Updated : 08 Feb, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads