Last Updated : 11 Jul, 2025
The MouseEvent button property is used to define the left or right-click events. When the mouse button is clicked then it returns an integer value which describes the left, right, or middle mouse button. Syntax:
event.button
Return Value: This event returns an integer value on mouse click events are:
The onmousedown event: This event occurs when a user presses a mouse button over an element.
Example 1:
HTML
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>Mouse click event</h2>
<button onclick="click(event)">Click me</button>
<p id="demo"></p>
<script>
document.onmousedown = click
// click function called
function click(event) {
// Condition to disable left click
if (event.button == 0) {
document.getElementById("demo").innerHTML= "Left click not allowed"
}
}
</script>
Output:
JavaScript MouseEvent Button PropertyExample 2:
HTML
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>Mouse click event</h2>
<button onclick="click(event)">Click me</button>
<p id="demo"></p>
<script>
document.onmousedown = click
// click function called
function click(event) {
// Condition to disable left click
if (event.button == 2) {
document.getElementById("demo")
.innerHTML = "Right click not allowed";
}
}
</script>
Output:
JavaScript MouseEvent Button PropertyWe have a complete list of Mouse Events, to check those please go through this HTML DOM MouseEvent article
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4