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!
