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

Manual de referencia HTML

Glosario de etiquetas HTML

Atributo de evento onmouseup en HTML

La propiedad onmouseup se utiliza para obtener o establecer la función de manejo de eventos del evento mouseup del elemento actual

Atributos de eventos HTML

Ejemplo en línea

Ejecutar JavaScript en el momento de soltar el mouse en el párrafo:

<!DOCTYPE html>
<html>
<head>
<title>Uso del atributo onmousedown en eventos onmouseup de 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 presione un botón del mouse en este párrafo, se desencadenará la función mouseDown(). Esta función cambia el color del texto a rojo. Al soltar el botón del mouse, se desencadenará 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 para ver ‹/›

Se desencadena el evento mouseup cuando el usuario suelta una tecla del mouse sobre el elemento actual

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten el atributo de evento onmouseup

Definición y uso

El atributo onmouseup se desencadena cuando se suelta el botón del ratón sobre un elemento.

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

  • onmousedown

  • onmouseup

  • onclick

  • El orden de activación de los eventos relacionados con el evento onmouseup (botón derecho del ratón):

  • onmousedown

  • onmouseup

  • oncontextmenu

Nota: El atributo onmouseup 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 onmouseup="script">

Valor del atributo

ValorDescripción
scriptEspecifica el script que se debe ejecutar cuando se dispara el evento onmouseup.


Atributos de eventos HTML