Javascript 用于滚动的react被动事件处理程序
我的react中有一个滚动的事件处理程序,我正试图使它成为被动的。但它不起作用,我在控制台中不断收到以下警告: 考虑将事件处理程序标记为“被动”以使页面更加 负责任的 下面是我阅读事件的地方:Javascript 用于滚动的react被动事件处理程序,javascript,reactjs,events,event-handling,dom-events,Javascript,Reactjs,Events,Event Handling,Dom Events,我的react中有一个滚动的事件处理程序,我正试图使它成为被动的。但它不起作用,我在控制台中不断收到以下警告: 考虑将事件处理程序标记为“被动”以使页面更加 负责任的 下面是我阅读事件的地方: bindEventListeners() { EventContainer.readWindowEvent('scroll', this.onScroll); } 下面是我的EventContainer.js文件中的readWindowEvent函数: static readWindowEven
bindEventListeners()
{
EventContainer.readWindowEvent('scroll', this.onScroll);
}
下面是我的EventContainer.js文件中的readWindowEvent
函数:
static readWindowEvent(slug, callback, passive = true)
{
let result = null;
let allowed = this.getAllowedWindowEventListeners().indexOf(slug) != -1;
if (!allowed) {
result = console.error(
'You cannot register ' + slug + ' on the window. Allowed events: ' +
this.getAllowedWindowEventListeners().join(', ')
)
}
if (allowed) {
result = window.addEventListener(
slug,
callback,
{passive: passive}
);
}
return result;
}
在这一行:
{被动:被动}
我的编辑器中出现以下错误:
参数类型{passive:boolean}不可分配给参数类型boolean
有人知道我做错了什么吗
感谢您的帮助 现在回答可能有点晚,但我也有同样的问题。解决方法是对传入的对象使用
any
-类型:
let passiveObject: any = { passive: true }
obj.addEventListener(evt, func, passiveObject)
希望这对将来的人有帮助 没有任何理由让滚动监听器处于被动状态!
请仔细阅读文档-滚动div中的任何触摸轮和点击监听器都必须是被动的-被动监听器的主要目标是将函数参数更改为
(slug,callback,passive)
,并将addEventListener()
中的第三个参数更改为{passive:passive==true}
@Archer很遗憾,我的编辑器中也出现了同样的错误。我编译了react,并在控制台中运行了getEventListeners,它仍然显示被动:false:'(很抱歉,这没用。我看不出代码有什么问题,如果你只是在浏览器控制台中用一个简单的1行程序来模拟它,它就工作得很好。可能是某个特定的反应,在这种情况下我帮不上忙。希望有人能来!如果div没有滚动,而是通过滚轮缩放呢?就像地图一样?你当然可以在这种情况下,t可防止滚动事件出现默认值。