教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 javascript动态添加onload、onresize、onscroll事件的方法

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

发布时间:2014-09-21   编辑:jiaochengji.com
为大家介绍一个可以动态添加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 中均有效。

您可能感兴趣的文章:
js动态添加onload、onresize、onscroll事件的另类方法
javascript动态添加onload、onresize、onscroll事件的方法
JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记4
Js鼠标事件大全(最新,最全的版本)
javascript键盘鼠标等事件对照表
动态添加页面body OnLoad事件的简单js代码
js动态添加页面的BODY OnLoad事件
javascript编程基础(11)-事件处理
始终固定底端导航菜单
asp.net 动态添加控件与事件的方法介绍

[关闭]
~ ~