javascript - window.onresize如何绑定多个函数

问题描述

问 题

window.onresize 在一个js里面已经绑定了重绘图表的事件

// 窗口缩放 重绘图表
if(window.onresize === null){
    window.onresize=function(){
        me.renderChart(me.ChartData);
    }
}else{
    console.warn('warning: window.onresize conflict !!!');
}

现在，同一个页面另一个js里面也需要绑定重绘事件，求解怎么绑定且不影响当前的，使窗口变化时同时执行两个事件

解决方案

window.onresize = () =>{console.log(0)};
window.addEventListener('resize',() => console.log(1),false);
window.addEventListener('resize',() => console.log(2),false);

为什么不这么写？
另一个js能改的话最好也addEventListener。有兼容问题就用别的答案。
考虑ie8的话可以自己写个兼容处理，判断内部做attachEvent。

这篇关于javascript - window.onresize如何绑定多个函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！