报错：Unable to preventDefault inside passive event listener invocation

冰眸js

于 2024-04-12 10:51:19 发布

阅读量981

点赞数 3

分类专栏： vue后台管理项目实战技巧文章标签：前端 javascript 开发语言 typescript

本文链接：https://blog.csdn.net/bingmoujs/article/details/137672406

版权

vue后台管理项目实战技巧专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文介绍了浏览器开发中遇到的关于在passive事件监听器中使用preventDefault导致的警告问题，提供了一个通过创建browserPatch.js文件并修改addEventListener方法来避免此警告的解决方案，并展示了如何在main.js中导入该文件。

摘要由CSDN通过智能技术生成

"Unable to preventDefault inside passive event listener invocation"是浏览器开发中的一个警告信息。这个警告通常出现在使用passive事件监听器时，当在事件处理函数中调用preventDefault()方法时会引发该警告，不会实际影响使用，就是控制台一直报红贼难看

解决方案（亲测有效）：

1.新建公用文件：browserPatch.js（可以是在common目录或者untils目录，根据自己的项目定）

;(function () {
  if (typeof EventTarget !== 'undefined') {
    const func = EventTarget.prototype.addEventListener;
    EventTarget.prototype.addEventListener = function (type, fn, capture) {
      this.func = func;
      if (typeof capture !== 'boolean') {
        capture = capture || {};
        capture.passive = false;
      }
      this.func(type, fn, capture);
    };
  }
})();

2.然后再在main.js文件中，引入该文件：