我正在使用锤子拖拽,它在加载其他东西时变得起伏不定,因为这个警告信息告诉我。
处理'touchstart'输入事件延迟X毫秒由于 主线程忙。考虑将事件处理程序标记为“被动” 使页面反应更灵敏。
所以我试着像这样给听者加上“被动”
Hammer(element[0]).on("touchstart", function(ev) {
// stuff
}, {
passive: true
});
但我还是收到了警告。
我正在使用锤子拖拽,它在加载其他东西时变得起伏不定,因为这个警告信息告诉我。
处理'touchstart'输入事件延迟X毫秒由于 主线程忙。考虑将事件处理程序标记为“被动” 使页面反应更灵敏。
所以我试着像这样给听者加上“被动”
Hammer(element[0]).on("touchstart", function(ev) {
// stuff
}, {
passive: true
});
但我还是收到了警告。
当前回答
对于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') });
}
};
其他回答
我也遇到过同样的问题。然后我用了这个
<脚本type=“文本/javascript”src=“https://unpkg.com/default- passievents”></脚本>
希望你的问题能得到解决。
下面的库解决了这个问题。 只需将此代码添加到项目中。
<script type="text/javascript" src="https://unpkg.com/default-passive-events"></script>
如果你需要更多信息,请访问这个图书馆。
只有在不指定被动时才会发出警告。
要抑制此警告,您可以:
addEventListener('touchstart', this.callPassedFuntion, {
passive: false
})
默认情况下,浏览器监听preventDefault。它会监听,但它会让你知道,你可以在这里改进你的应用。如果不能,让我知道你不能(通过说明:被动:false)。
我从公认答案的评论中创建了这个答案,对于试图找到这个答案的人来说,这个答案可能更难找到。
对于那些受困于遗留问题的人,找到抛出错误的行并添加{passive: true} -例如:
this.element.addEventListener(t, e, !1)
就变成了
this.element.addEventListener(t, e, { passive: true} )
这将隐藏警告信息:
jQuery.event.special.touchstart = {
setup: function( _, ns, handle ) {
this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
}
};