English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia HTML

大全 de etiquetas HTML

Atributo de evento onmousedown en HTML

El atributo onmousedown se utiliza para obtener o establecer la función de manejo de eventos del evento mousedown del elemento actual

Atributos de eventos HTML

Ejemplo en línea

Ejecutar JavaScript en el párrafo al presionar el botón del ratón:

<!DOCTYPE html>
<html>
<head>
<title>Uso del atributo onmousedown en eventos HTML (Tutoriales básicos de la web oldtoolbag.com)</title>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
¡Haz clic en el texto! Cuando se presiona el botón del ratón en este párrafo, se desencadena la función mouseDown(). Esta función cambia el color del texto a rojo. Al soltar el botón del ratón se desencadena la función mouseUp(). La función mouseUp() cambia el color del texto a verde.</p>
<script>
function mouseDown() {
  document.getElementById("p1").style.color = "red";
}
function mouseUp() {
  document.getElementById("p1").style.color = "green";
}
</script>
</body>
</html>
Prueba y mira ‹/›

En el momento en que se presiona el ratón en el elemento actual se desencadena el evento mousedown

Navegador compatible

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten el atributo de evento onmousedown

Definición y uso

El atributo onmousedown se desencadena cuando se presiona el botón del ratón en un elemento.

Consejo: El orden de activación de los eventos relacionados con onmousedown (botón izquierdo del ratón):/El orden de activación de los eventos relacionados con onmousedown (botón central del ratón):

  • onmousedown

  • onmouseup

  • El orden de activación de los eventos onclick y onmousedown relacionados (botón derecho del ratón):

  • onmousedown

  • onmouseup

  • oncontextmenu

Nota: El atributo onmousedown no se puede usar en los siguientes elementos: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, o <title>.

HTML 4.01 y HTML5Las diferencias entre

Ninguna.

Sintaxis

<elemento onmousedown="script">

Valor del atributo

ValorDescripción
scriptEspecifica el script que se debe ejecutar cuando se desencadena el evento onmousedown.


Atributos de eventos HTML