El evento HTML DOM onmousedown ocurre al presionar un botón del mouse sobre un elemento.
Eventos relacionados con el clic izquierdo:
- en el mouse hacia abajo
- en el mouse arriba
- al hacer clic
Eventos relacionados para hacer clic con el botón derecho:
- en el mouse hacia abajo
- en el mouse arriba
- oncontextmenu
Etiquetas compatibles: admite todos los elementos HTML, EXCEPTO:
- <base>
- <bdo>
- <br>
- <cabeza>
- <html>
- <iframe>
- <meta>
- <parámetro>
- <script>
- <estilo>
- <título>
Sintaxis:
- En HTML:
<element onmousedown="myScript">
- En JavaScript:
object.onmousedown = function(){myScript};
- En JavaScript, usando el método addEventListener():
object.addEventListener("mousedown", myScript);
Ejemplo: uso del método addEventListener()
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM onmousedown Event
</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2 id="try">
HTML DOM onmousedown Event
</h2>
<script>
document.getElementById(
"try").addEventListener(
"mousedown", btnpressed);
function btnpressed() {
document.getElementById(
"try").innerHTML =
"button pressed.";
}
</script>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con HTML DOM onmousedown Event se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA