Événement onwheel

Événements DOM WheelEvent

Définition et utilisation

L'événement onwheel se déclenche également lorsque la molette de la souris est déplacée vers le haut ou le bas sur un élément.

L'événement onwheel se déclenche également lorsque l'utilisateur fait défiler ou agrandir ou réduire un élément avec le pavé tactile.

Exemple

Changer la taille de la police du <div> lorsque l'utilisateur fait défiler la molette de la souris :

document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
  this.style.fontSize = "35px";
}

Essayez-le vous-même

Syntaxe

Dans HTML :

<élément onwheel="myScript">

Essayez-le vous-même

Dans JavaScript :

objet.onwheel = function(){myScript};

Essayez-le vous-même

Dans JavaScript, utilisez la méthode addEventListener() :

objet.addEventListener("wheel", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Bubbling : Pris en charge
Annulable : Pris en charge
Type d'événement : WheelEvent
Balises HTML prises en charge : Tous les éléments HTML
Version DOM : Événements de niveau 3

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur la première à prendre en charge cet événement.

événement Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 Non pris en charge 18.0

Remarque :Dans Internet Explorer, seules les méthodes addEventListener() supportent l'événement wheel. Il n'y a pas de propriété onwheel sur les objets DOM.

Événements DOM WheelEvent