onwheelEvento
Objeto de eventoEjemplo
Ejecuta JavaScript cuando el usuario desplaza la rueda del ratón sobre el elemento `<div>`:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
document.getElementById("myDIV").style.color = "red";
}
Pruébalo »
Definición y uso
El evento onwheel se activa cuando la rueda del ratón se desplaza hacia arriba o hacia abajo sobre un elemento.
El evento onwheel también puede activarse al desplazarse o ampliar/reducir una zona con un panel táctil (como el touchpad de una computadora portátil).
Soporte del navegador
| Evento | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | 6.0 | 18.0 |
Nota:En el navegador IE, el evento wheel solo se admite mediante el método `addEventListener()`. No existe la propiedad onwheel en el objeto DOM.
Sintaxis
En HTML:
<element onwheel="myScript">Pruébalo
En JavaScript:
object.onwheel=function(){myScript};Pruébalo
En JavaScript, usando el método `addEventListener()`:
object.addEventListener("wheel", myScript);Pruébalo
Nota:Internet Explorer 8 y versiones anteriores de IE no admitenaddEventListener()el método.
Detalles técnicos
| Admite burbujeo: | Yes |
|---|---|
| Cancelable: | Yes |
| Tipo de evento: | WheelEvent |
| Etiquetas HTML compatibles: | All HTML elements |
Otras extensiones