js动态添加onload、onresize、onscroll事件(另类方法)

380 阅读 0 评论 251 点赞

我是靠谱客的博主典雅外套，这篇文章主要介绍js动态添加onload、onresize、onscroll事件(另类方法)，现在分享给大家，希望可以做个参考。

window 的 onload、onresize、onscroll 事件，跟其他的事件不一样，它不能用 attachEvent 或 addEventListener 来添加。

也就是说，它只能这样来（以 onload 为例，下同）：

复制代码代码如下:

 
window.onload = function() 
{ 
// ... 
}; 

但这有个问题，就是想再为 onload 增加新的事件处理程序时，不能直接为 window.onload 赋值了，否则前面的赋值就会被覆盖了。

可这样做：

复制代码代码如下:

 
var oldLoadHandler = window.onload; 
window.onload = function() 
{ 
if (oldLoadHandler) 
{ 
oldLoadHandler(); 
} 
newLoadHandler(); 
}; 

在 ezj 中，就更加方便了。

复制代码代码如下:

 
$(window).ready(onloadHandler1); 
$(window).ready(onloadHandler2); 

说明
我们一般接触的 onload 事件是 document.body.onload，但这实际上是由于 IE 的误导，正确的应该是 window.onload，window.onload 在 IE、Firefox、Chrome 中均有效。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。