Javascript MouseEvent which Property
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
Share your thoughts in the comments
Please Login to comment...