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;">         neveropen     </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
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
… [Trackback]
[…] Find More on that Topic: geeksforgeeks.org/javascript-mouseevent-which-property/ […]