有没有办法手动向所有用户输入DOM事件添加延迟？

Question

对于研究实验，我正在尝试在移动浏览器上延迟用户界面（创建滞后），因为我正在研究UI延迟在WebApps中的影响。例如，如果用户滚动滚动操作仅发生（例如）50ms之后。

我已经尝试了window.addeventlistener（），然后window.dispatchevent（）在使用settimeout（）的一定延迟后。霍弗（Howver），在滚动的情况下，手动派遣活动后没有滚动页面。使用window.scrollby（）滚动确实有效，但它会发出自己的事件。

window.addEventListener('wheel', event => {
    console.log(event)
    if (event.cancelable) {
        event.preventDefault()
        event.stopImmediatePropagation()
        setTimeout(() => {
            let newEvent = new WheelEvent('wheel', {
                deltaX: event.deltaX,
                deltaY: event.deltaY,
                deltaZ: event.deltaZ,
                cancelable: false,
            })
            window.dispatchEvent(newEvent)
            // window.scrollBy({ top: 20 })
        }, DELAY)
    }
}, {
    capture: true,
    passive: false,
})

这适用于车轮事件，但不适合触摸事件。 如果有一种方法可以概括所有鼠标的行为？ 理想情况下，我想处理所有DOM Mouseevent的s，就像某种中间件一样。