标签归档onresize jquery

工作记录–window.onresize与$(window).resize的区别2017.3.23

吴阳 No Comments

window.onresize只能绑定一个函数,而jquery的resize可以绑定多个函数。
举个例子:

window.onresize = function (){ console.log(1)}; // 1
window.onresize = function (){ console.log(2)}; // 2

重复的赋值,后一个会覆盖前一个。

$(window).resize(function(){console.log(3)}); // 3
$(window).resize(function(){console.log(4)}); // 3 和 4交替打印

这样就实现了一个resize事件绑定了多个函数。
注意:此例子中,$(window).resize(function(){console.log(3)}); 会打印出1和3,因为之前有绑定事件,进一步说明,jquery的resize事件不会覆盖原生有的函数。