Exemple
Lorsque l'utilisateur actionne la molette de la souris sur un <div> élément, modifier sa taille de la police:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
} Essayez vous - même » Définition et utilisation
L'événement onwheel se produit lorsque la roue de souris est enroulé ou vers le bas sur un élément.
L'événement onwheel se produit également lorsque l'utilisateur fait défiler ou zooms dans ou hors d'un élément à l'aide d' un pavé tactile (like the "mouse" of a laptop) .
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.
| un événement | |||||
|---|---|---|---|---|---|
| onwheel | 31,0 | 9.0 | 17,0 | Non supporté | 18,0 |
Remarque: Dans IE, l'événement de roue est pris en charge avec le addEventListener() méthode. Il n'y a pas d'attribut onwheel sur les objets DOM.
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .onwheel=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("wheel", myScript );
Essayez vous - même » Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
| Bulles: | Oui |
|---|---|
| cancelable: | Oui |
| Type d'événement: | WheelEvent |
| Pris en charge les balises HTML: | Tous les éléments HTML |
| DOM Version: | Niveau 3 Évènements |
<Object Event