El atributo onmousemove funciona cuando el puntero se mueve sobre un elemento.
Etiquetas admitidas: Todos los elementos HTML, EXCEPTO:
- <base>
- <bdo>
- <br>
- <cabeza>
- <html>
- <iframe>
- <meta>
- <parámetro>
- <script>
- <estilo>
- <título>
Sintaxis:
<element onmousemove = "script">
Valor de atributo: este atributo contiene un script de valor único que funciona cuando se llama al atributo onmousemove.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>onmousemove event attribute</title>
</head>
<body>
<center>
<h2>onmousemove event attribute</h2>
<img onmousemove="bigSize(this)" onmouseout="normalSize(this)"
border="1px solod black" src=
"https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-9.png"
alt="gfg" width="300" height="100">
<script>
function bigSize(val) {
val.style.height = "200px";
val.style.width = "600px";
}
function normalSize(val) {
val.style.height = "100px";
val.style.width = "300px";
}
</script>
</body>
</html>
Salida:
Antes:
Después:
Navegadores compatibles: los navegadores compatibles con el atributo onmousemove se enumeran a continuación:
- Cromo
- explorador de Internet
- Firefox
- Safari
- Ópera