admin 管理员组

文章数量: 1086019

关于Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event handler as 'passive' to make the page more responsive.的新解决方案

一般出现这个问题，肯定大部分人都是使用default-passive-events插件。

但是随着项目的扩大，default-passive-events难免会和其他插件产生冲突，比如canvas库konvajs。

在使用konvajs和default-passive-events后，肯定会报：

拖拽时

Unable to preventDefault inside passive event listener invocation.

没办法，我们只能禁用default-passive-events插件

我们新建一个polyfill.js文件


//去除谷歌的touch事件警告
(function () {
  if (typeof EventTarget !== "undefined") {
    let 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);
    };
  };
}());

然后再main.js文件中引入，一定要在vue初始化之前，最好这个放最开头

main.js

require(“@/utils/polyfill”); // 去除touch事件谷歌提示

然后即可搞定。

本文标签： event listener Added passive Scroll

版权声明：本文标题：关于Added non-passive event listener to a scroll-blocking ‘wheel‘ event. Consider marking event handle 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1738335055a1965688.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。