JavaScriptの特定のデルタを使用してスクロール（マウスホイール）イベントを発生させるにはどうすればよいですか？

Question

私はクロムのスクロールイベントをdocument.createEventでカスタムイベントを作成しようとしています。スクロールまたはマウスリスナーにバインドされたすべての関数をトリガーしたいと思います（ブラウザー自体がスクロールしているかどうかわかりません）。私はそれらの値を指定するために使用された場合deltaX == 0 && deltaY == 0を持ってonmousewheelリスナーが、イベントオブジェクトによりイベントをキャッチ：

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); 

私はこのタイプのイベントと、このinitaliztionタイプを使用しなければならないことはよく分かりません。どうすればイベントのデルタ値を指定できますか？

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

まず第一に、これは廃止され、あなたはまったくinitMouseEventを使用しないでください。

WheelEventをdeltaのパラメータhttps://developer.mozilla.org/en-US/docs/Web/API/WheelEvent/WheelEventで作成してから、カスタムデルタ値やそのようなものを処理したい場合は、ディスパッチしてください。