evento sobre rodas
Exemplo
Quando o usuário rola a roda do mouse sobre um elemento <div>, altere o tamanho da fonte:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Definição e uso
O evento onwheel ocorre quando a roda do mouse é rolada para cima ou para baixo sobre um elemento.
O evento onwheel também ocorre quando o usuário rola ou aumenta ou diminui o zoom de um elemento usando um touchpad (como o "mouse" de um laptop).
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.
Event | |||||
---|---|---|---|---|---|
onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Nota: No IE, o evento wheel só é suportado com o método addEventListener(). Não há atributo onwheel em objetos DOM.
Sintaxe
Em HTML:
<element onwheel="myScript">
Em JavaScript:
object.onwheel = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("wheel", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
Cancelável: | sim |
Tipo de evento: | RodaEvent |
Tags HTML suportadas: | Todos os elementos HTML |
Versão DOM: | Eventos de Nível 3 |