Javascript | MouseEvent which Property

The mouseEvent which property is used to return a number which 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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>                             

chevron_right


Output:
Before Clicking the button:
initial
After clicking left mouse button:
left
After clicking middle mouse button:
middle
After clicking right mouse button:
right

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

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


My Personal Notes arrow_drop_up


If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.