evento sobre ruedas
Ejemplo
Cuando el usuario pase la rueda del mouse sobre un elemento <div>, cambie su tamaño de fuente:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Definición y uso
El evento onwheel ocurre cuando la rueda del mouse se mueve hacia arriba o hacia abajo sobre un elemento.
El evento onwheel también ocurre cuando el usuario se desplaza o acerca o aleja un elemento usando un panel táctil (como el "mouse" de una computadora portátil).
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
| Event | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Nota: En IE, el evento de rueda solo se admite con el método addEventListener(). No hay un atributo onwheel en los objetos DOM.
Sintaxis
En HTML:
<element onwheel="myScript">
En JavaScript:
object.onwheel = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("wheel", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| Burbujas: | sí |
|---|---|
| Cancelable: | sí |
| Tipo de evento: | RuedaEvento |
| Etiquetas HTML compatibles: | Todos los elementos HTML |
| Versión DOM: | Eventos de nivel 3 |