onresizes事件多个页面调用报错

最新推荐文章于 2025-01-08 11:39:04 发布

原创最新推荐文章于 2025-01-08 11:39:04 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#windows.onresize事件

前端同时被 2 个专栏收录

47 篇文章

订阅专栏

21 篇文章

订阅专栏

在React项目中，多个页面使用window.onresize事件可能导致全局事件冲突，影响页面正常运行。本文介绍了一种解决方案，即在调用事件前先注销该事件，避免页面间的相互影响。

react项目中当多个页面使用window.onresizes事件来实现自适应时会出现以下错误，原因是因为window.onresizes是个全局事件，多个使用会产生页面间相互影响，进而出错。

PathProxy.js?9a80:733 Uncaught DOMException: Failed to execute 'arc' on 'CanvasRenderingContext2D': The radius provided (-0.571429) is negative

解决方法就是在调用window.onresizes事件前先注销该事件，方法如下：

 // 注销window.onresize事件
    window.onresize = null;
// 通过JavaScript来刷新图表宽高而非直接css自适应(因为ECharts不支持)
   window.onresize = () => {
       setTimeout(() => {
         alert("屏幕高度改变！")
       }, 300);
   };