Exemplo
Quando o usuário rola a roda do mouse sobre um <div> elemento, mudar a sua font-size:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
} Tente você mesmo " Definição e Uso
O evento onwheel ocorre quando a roda de rato é enrolado ou para baixo ao longo de um elemento.
O evento onwheel também ocorre quando o usuário rola ou zooms dentro ou fora de um elemento usando um touchpad (like the "mouse" of a laptop) .
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o evento.
| Evento | |||||
|---|---|---|---|---|---|
| onwheel | 31,0 | 9 | 17,0 | Não suportado | 18,0 |
Nota: No IE, o evento roda é suportada apenas com o addEventListener() método. Não há atributo onwheel em objetos DOM.
Sintaxe
Em HTML:
Em JavaScript:
object .onwheel=function(){ Tente você mesmo " Em JavaScript, usando o addEventListener() Método:
object .addEventListener("wheel", myScript );
Tente você mesmo " Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.
Detalhes técnicos
| Bolhas: | sim |
|---|---|
| cancelable: | sim |
| Tipo de evento: | WheelEvent |
| tags HTML suportadas: | Todos os elementos HTML |
| DOM Versão: | Nível 3 Eventos |
<Objeto de evento