javascript动态添加onload、onresize、onscroll事件的方法

发布时间:2019-11-07编辑:脚本学堂
为大家介绍一个可以动态添加onload、onresize、onscroll事件的方法,javascript实现的,有需要的朋友,可以参考下。

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,其实,正确的是 window.onload。
而且,window.onload 在 IE、Firefox、Chrome 中均有效。