Ejemplo
Cuando el usuario hace girar la rueda del ratón sobre un <div> elemento, cambiar su tamaño de fuente:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
} Inténtalo tú mismo " Definición y Uso
El evento onwheel se produce cuando la rueda del ratón se enrolla o hacia abajo sobre un elemento.
El evento onwheel también se produce cuando el usuario se desplaza o zooms dentro o fuera de un elemento mediante el uso de un panel táctil (like the "mouse" of a laptop) .
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
| Evento | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | No soportado | 18.0 |
Nota: En IE, el evento de la rueda sólo se admite con la addEventListener() método. No hay ningún atributo onwheel de objetos DOM.
Sintaxis
En HTML:
En JavaScript:
object .onwheel=function(){ Inténtalo tú mismo " En JavaScript, utilizando el addEventListener() método:
object .addEventListener("wheel", myScript );
Inténtalo tú mismo " Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| burbujas: | Sí |
|---|---|
| cancelable: | Sí |
| Tipo de evento: | WheelEvent |
| etiquetas HTML admitidas: | Todos los elementos HTML |
| DOM Versión: | Nivel 3 Eventos |
<Objeto de evento