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