1.png
- 前段时间,把本站的的图片验证码更改成邮箱验证码,发现的一个问题
2.png
Unable to preventDefault inside passive event listener invocation.
- passive event就是被动事件报错翻译过来的意思是无法在被动事件侦听器调用中阻止默认
- 被动事件就是你不能直接改变浏览器的默认行为
- 其实这个问题是[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. <URL>
- 挖的一个坑
3.png
- 你只能接受它因此定义了passive为true而又调用了preventDefault就会出现报错了
- 控制台摸过去发现是提交按扭事件监控问题
- 解决方法
- 绑定事件时不要在被动事件里调用preventDefault
- 因为调用都是写出来单独进行调用,一些调用是需要被动事件的
- 所以需要在该调用声明事件监听的时候,将这设置为主动事件监听
- 我们需要对preventDefault进行调用,可以考虑将passive设置为false
window.addEventListener(d,a, { passive: false});
- 设置passive为false来明确告诉浏览器,事件处理程序调用preventDefault来阻止默认滑动行为
4.png
5.png
- 使用全局样式样式去掉
- 设置监听事件绑定的dom的CSS为
touch-action:none;
【Unable to preventDefault inside passive event listener invocation.】
qaq卟言
JavaScriptHtml
完结
随机文章
我还没有做出来文章评论,评论请前往留言信箱