考虑将事件处理程序标记为“被动”以使页面响应更快

我正在使用锤子拖拽，它在加载其他东西时变得起伏不定，因为这个警告信息告诉我。

处理'touchstart'输入事件延迟X毫秒由于主线程忙。考虑将事件处理程序标记为“被动” 使页面反应更灵敏。

所以我试着像这样给听者加上“被动”

Hammer(element[0]).on("touchstart", function(ev) {
  // stuff
}, {
  passive: true
});

但我还是收到了警告。

当前回答

我也遇到过同样的问题。然后我用了这个

<脚本type=“文本/javascript”src=“https://unpkg.com/default- passievents”></脚本>

希望你的问题能得到解决。

2022-07-19 07:51:06

其他回答

下面的库解决了这个问题。只需将此代码添加到项目中。

<script type="text/javascript" src="https://unpkg.com/default-passive-events"></script>

如果你需要更多信息，请访问这个图书馆。

2021-06-16 14:35:18

我也遇到过同样的问题。然后我用了这个

<脚本type=“文本/javascript”src=“https://unpkg.com/default- passievents”></脚本>

希望你的问题能得到解决。

2022-07-19 07:51:06

我认为除了基于触摸的事件，你可以添加基于滚动的修复，以防止谷歌页面分数从桌面vs移动标记:

//被动事件监听器(Tw0在设置标志时有轻微变化)

jQuery.event.special.touchstart = {
    setup: function( _, ns, handle ) {
        this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
    }
};
jQuery.event.special.touchmove = {
    setup: function( _, ns, handle ) {
        this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
    }
};
jQuery.event.special.wheel = {
    setup: function( _, ns, handle ){
        this.addEventListener("wheel", handle, { passive: true });
    }
};
jQuery.event.special.mousewheel = {
    setup: function( _, ns, handle ){
        this.addEventListener("mousewheel", handle, { passive: true });
    }
};

2021-04-10 06:17:50

对于jquery-ui-dragable和jquery-ui-touch-punch，我修复了它类似于Iván Rodríguez，但有一个更多的事件覆盖touchmove:

jQuery.event.special.touchstart = {
    setup: function( _, ns, handle ) {
        this.addEventListener('touchstart', handle, { passive: !ns.includes('noPreventDefault') });
    }
};
jQuery.event.special.touchmove = {
    setup: function( _, ns, handle ) {
        this.addEventListener('touchmove', handle, { passive: !ns.includes('noPreventDefault') });
    }
};

2020-06-29 13:28:28

对于那些受困于遗留问题的人，找到抛出错误的行并添加{passive: true} -例如:

this.element.addEventListener(t, e, !1)

就变成了

this.element.addEventListener(t, e, { passive: true} )

2019-10-31 13:15:15

考虑将事件处理程序标记为“被动”以使页面响应更快

推荐文章

最新文章

标签