Comment déclencher un événement scroll (mousewheel) avec delta spécifique en JavaScript?

Question

J'essaie de déclencher l'événement de défilement dans le chrome avec la création d'événement personnalisé par document.createEvent et je veux déclencher toutes les fonctions liées aux écouteurs de défilement ou mousewheel (je ne suis pas sûr si elle défile le navigateur lui-même?). J'attraper événement par onmousewheel auditeur, mais objet d'événement ont deltaX == 0 && deltaY == 0 quand je spécifier leurs valeurs:

document.documentElement.onmousewheel = function(e) { 
    console.log(e.deltaX, e.deltaY, e.wheelDeltaX, e.wheelDeltaY) // 0, 0, 0, 0 
} 

var e = document.createEvent('WheelEvent'); 
e.initMouseEvent('mousewheel', true, true, window, 120, 0, 0, 0, 0, 0, 0, 0, 0, 
0, null); 
e.wheelDeltaY = 120; 
e.deltaY = 120; 
document.documentElement.dispatchEvent(e); 

Je ne suis pas sûr que je dois utiliser ce type d'événement et ce type de initaliztion. Alors, comment puis-je spécifier les valeurs delta de l'événement?

Answer 1

window.addEventListener('wheel', function(e) { 
 
    console.log(e.deltaY) 
 
    if (e.deltaY < 0) { 
 
    console.log('scrolling up'); 
 
    document.getElementById('status').innerHTML = "scroll up"; 
 
    } 
 
    if (e.deltaY > 0) { 
 
    console.log('scrolling down'); 
 
    document.getElementById('status').innerHTML = "scroll down"; 
 
    } 
 
});

<div id="status"></div>

Answer 2

Tout d'abord, cela est dépréciée et vous ne devriez pas utiliser initMouseEvent du tout.

Ce que vous devez faire est de créer WheelEvent avec delta params https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent/WheelEvent puis l'expédier si vous voulez continuer avec les valeurs de delta personnalisées ou des trucs comme ça.