w3schools
  
HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...   References Examples Forum About

button Event Attribute


Event Object Reference Event Object

Definition and Usage

The button event attribute returns a number that indicates which mouse button was clicked when an event was triggered.

Syntax

event.button=0|1|2

Parameter Description
0 Specifies the left mouse-button
1 Specifies the middle mouse-button
2 Specifies the right mouse-button

Internet Explorer has different parameters:

Parameter Description
1 Specifies the left mouse-button
4 Specifies the middle mouse-button
2 Specifies the right mouse-button


Tips and Notes

Note: For left-handed configured mice the button parameter values are reversed.

Tip: Mozilla gives a Ctrl–Click a button value of 2 (same as right-click).


Example

Example

The following example alerts which mouse button was clicked:

<html>
<head>
<script type="text/javascript">
function whichButton(event)
{
if (event.button==2)
  {
  alert("You clicked the right mouse button!")
  }
else
  {
  alert("You clicked the left mouse button!")
  }
}
</script>
</head>

<body onmousedown="whichButton(event)">

<p>Click in the document. An alert box will
alert which mouse button you clicked.</p>

</body>
</html>

Try it yourself »


Event Object Reference Event Object

WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Top 10 Web Hosting
UK Reseller Hosting
Web Hosting
FREE Web Hosting
Top Web Hosting
Cheap UK Web Hosting
WEB BUILDING
XML Editor – Free Trial!
FREE Flash Website
FREE Web Templates
SEO Company
EDUCATION
US Web Design Schools
HTML Certification
JavaScript Certification
XML Certification
PHP Certification
ASP Certification
STATISTICS
Browser Statistics
Browser OS
Browser Display
FLIGHT TICKETS
Find the cheapest flight
to any destination now!
SHARE THIS PAGE