La propiedad del botón MouseEvent se utiliza para definir los eventos de clic izquierdo o derecho. Cuando se hace clic en el botón del mouse, devuelve un valor entero que describe el botón izquierdo, derecho o central del mouse.
Sintaxis:
event.button
Valor devuelto: este evento devuelve un valor entero en los eventos de clic del mouse son:
- 0: Indica el botón izquierdo del ratón.
- 1: Indica el botón central del ratón.
- 2: Indica el botón derecho del ratón.
El evento onmousedown: este evento ocurre cuando un usuario presiona un botón del mouse sobre un elemento.
Programa 1:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Mouse Event</title>
<style>
body {
text-align:center;
}
.gfg {
font-size:40px;
font-weight:bold;
color:green;
}
</style>
</head>
<body>
<div class = "gfg">GeeksforGeeks</div>
<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) {
alert("Left click not allowed");
}
}
</script>
</body>
</html>
Producción:
Programa 2:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Mouse Event</title>
<style>
body {
text-align:center;
}
.gfg {
font-size:40px;
font-weight:bold;
color:green;
}
</style>
</head>
<body>
<div class = "gfg">GeeksforGeeks</div>
<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) {
alert("Right click not allowed");
}
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por Naman_Garg y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA