页面载入中,请稍后...

点我安装PWA
您已拒绝通知
    广告广告

    【Unable to preventDefault inside passive event listener invocation.】

    qaq卟言 JavaScriptHtml
    小人奔跑效果开始
    • Unable to preventDefault inside passive event listener invocation.1.png
    • 前段时间,把本站的的图片验证码更改成邮箱验证码,发现的一个问题
    • Unable to preventDefault inside passive event listener invocation.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>
    • 挖的一个坑
    • Unable to preventDefault inside passive event listener invocation.3.png
    • 你只能接受它因此定义了passivetrue而又调用了preventDefault就会出现报错了
    • 控制台摸过去发现是提交按扭事件监控问题
    • 解决方法
    • 绑定事件时不要在被动事件里调用preventDefault
    • 因为调用都是写出来单独进行调用,一些调用是需要被动事件的
    • 所以需要在该调用声明事件监听的时候,将这设置为主动事件监听
    • 我们需要对preventDefault进行调用,可以考虑将passive设置为false
    • window.addEventListener(d,a, { passive: false});
    • 设置passivefalse来明确告诉浏览器,事件处理程序调用preventDefault来阻止默认滑动行为
    • Unable to preventDefault inside passive event listener invocation.4.png
    • Unable to preventDefault inside passive event listener invocation.5.png
    • 使用全局样式样式去掉
    • 设置监听事件绑定的domCSS
    • touch-action:none;
    完结

    🔖本文来源:qaq卟言的个人博客网站声明如损害你的权益请联系我们

    ©️版权声明:本文为【qaq卟言】原创文章,写作不易,转载请您添加本文链接,谢谢您的合作!

    📜著作协议:《知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

    ⚠️部分文章图片来自网络,可能存在版权问题。如发现相关争议请联系qaq卟言处理!

    🔗

    广告广告

    随机文章

    我还没有做出来文章评论,评论请前往留言信箱