您的位置:首页 - 教程 - JavaScript - 正文
js严谨地动态添加onload、onresize、onscroll事件

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 中均有效。

评论: