HTML | Atributo onmousedown

Este atributo onmousedown se activará cuando se presione un botón del mouse sobre el elemento y el orden de los eventos ocurra relacionado con el evento onmousedown (para el botón izquierdo/del mouse) 
 

  • en el mouse hacia abajo
  • en el mouse arriba
  • al hacer clic

Etiquetas compatibles: admite todos los elementos HTML. 

Sintaxis: 
 

<element onmousedown="script">

Valor del atributo: es compatible con todos los elementos HTML. El evento de script se ejecuta cuando se llama al atributo onmousedown.
Ejemplo: 
 

html

<!DOCTYPE html>
<!DOCTYPE html>
<html>
 
<head>
    <title>onmousedown attribute</title>
    <style>
        body {
            text-align: center;
        }
         
        h1 {
            color: green;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>onmousedown A ttribute</h2>
    <p id="gfg" onmousedown="mouseDown()"
                        onmouseup="Geeks()">
        <b>GeeksforGeeks:</b> A computer science portal
        for Geeks. It is best website for learning<br>
        computer science.
    </p>
 
    <script>
        function Geeks() {
            document.getElementById("gfg").style.color = "green";
        }
 
        function mouseDown() {
            document.getElementById("gfg").style.color = "red";
        }
    </script>
</body>
 
</html>                         

Producción: 
 

Navegadores compatibles: los navegadores compatibles con el atributo onmousedown se enumeran a continuación: 
 

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *