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


Posted in Javascript onDecember 26, 2012

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

Javascript 相关文章推荐
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
Feb 20 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
Apr 12 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
May 08 Javascript
基于JavaScript实现弹出框效果
Feb 19 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
jQuery实现表单动态添加数据并提交的方法
Jul 19 jQuery
原生JS实现的放大镜特效示例【测试可用】
Dec 08 Javascript
详解webpack的clean-webpack-plugin插件报错
Oct 16 Javascript
JSON为什么那样红为什么要用json(另有洞天)
Dec 26 #Javascript
JS操作Cookies包括(读取添加与删除)
Dec 26 #Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
Dec 26 #Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
Dec 26 #Javascript
window.open以post方式将内容提交到新窗口
Dec 26 #Javascript
JavaScript中json对象和string对象之间相互转化
Dec 26 #Javascript
jQuery-serialize()输出序列化form表单值的方法
Dec 26 #Javascript
You might like
eWebEditor v3.8 商业完整版 (PHP)
2006/12/06 PHP
PHP 定界符 使用技巧
2009/06/14 PHP
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
AngularJS辅助库browserTrigger用法示例
2016/11/03 Javascript
用Vue.extend构建消息提示组件的方法实例
2017/08/08 Javascript
JavaScript学习笔记之惰性函数示例详解
2017/08/27 Javascript
vue实现在表格里,取每行的id的方法
2018/03/09 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
基于vue展开收起动画的示例代码
2018/07/05 Javascript
示例vue 的keep-alive缓存功能的实现
2018/12/13 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
2019/04/15 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[01:09:16]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第一场 1月25日
2021/03/11 DOTA
python文件读写并使用mysql批量插入示例分享(python操作mysql)
2014/02/17 Python
Python递归遍历列表及输出的实现方法
2015/05/19 Python
Python用 KNN 进行验证码识别的实现方法
2018/02/06 Python
python如何派生内置不可变类型并修改实例化行为
2018/03/21 Python
python读文件保存到字典,修改字典并写入新文件的实例
2018/04/23 Python
Python实现代码统计工具
2019/09/19 Python
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
2012/11/29 HTML / CSS
html5 canvas简单封装一个echarts实现不了的饼图
2018/06/12 HTML / CSS
html5用video标签流式加载的实现
2020/05/20 HTML / CSS
土木工程专业个人求职信
2013/12/30 职场文书
最新的互联网创业计划书
2014/01/10 职场文书
运动会解说词100字
2014/01/31 职场文书
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
个人委托书怎么写
2014/09/17 职场文书
2016党员学习作风建设心得体会
2016/01/21 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书