Manual de referencia HTML

大全 de etiquetas HTML

Propiedad de evento onmouseover en HTML

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

Atributos de eventos HTML

Ejemplo en línea

Ejecuta el script cuando el puntero del ratón se coloca sobre la imagen:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<title>Uso de la propiedad de evento onmouseover en HTML (Tutoriales básicos de la web oldtoolbag.com)</title>
</head>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="pig.gif" alt="pig" width="32" height="32">
<p> Cuando el usuario coloca el ratón sobre la imagen, se activará la función bigImg(). Esta función amplía la imagen.
Cuando el puntero del ratón se mueve fuera de la imagen, se activará la función normalImg(). Esta función establece la altura y anchura de la imagen en normal.</p>
<script>
function bigImg(x) {
　　x.style.height = ""64px";
　　x.style.width = ""64px";
}
function normalImg(x) {
　　x.style.height = ""32px";
　　x.style.width = ""32px";
}
</script>
</body>
</html>

Prueba y ve ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores mainstream admiten el atributo de evento onmouseover

Definición y uso

El atributo onmouseover se desencadena cuando el puntero del ratón se coloca sobre un elemento.

Consejo: El atributo onmouseover se utiliza generalmente junto cononmouseoutusar junto con otros atributos.

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

Valor del atributo

Valor	Descripción
script	Especifica el script que se ejecuta al desencadenar el evento onmouseover.

Atributos de eventos HTML

HTML: <template> etiqueta