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 相关文章推荐
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
Javascript模拟加速运动与减速运动代码分享
Dec 11 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
JavaScript实现的圆形浮动标签云效果实例
Aug 06 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
Sep 09 Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
Angularjs验证用户输入的字符串是否为日期时间
Jun 01 Javascript
Vue v2.5 调整和更新不完全问题
Oct 24 Javascript
js判断文件类型大小并给出提示的实现方法
Jan 03 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
Jul 19 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
在DC的漫画和电影中,蝙蝠侠的宿敌,小丑的真名是什么?
2020/04/09 欧美动漫
php 时间计算问题小结
2009/01/04 PHP
zend framework多模块多布局配置
2011/02/26 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
PHP strripos函数用法总结
2019/02/11 PHP
js实现checkbox全选和反选示例
2014/05/01 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
实例讲解JS中setTimeout()的用法
2016/01/28 Javascript
React实现双向绑定示例代码
2016/09/19 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
浅谈函数调用的不同方式,以及this的指向
2017/09/17 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
2018/01/20 Javascript
Spring Boot/VUE中路由传递参数的实现代码
2018/03/02 Javascript
react 应用多入口配置及实践总结
2018/10/17 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
vue实现滑动超出指定距离回顶部功能
2019/07/31 Javascript
javascript for循环性能测试示例
2019/08/07 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
[42:11]TNC vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python获取脚本所在目录的正确方法
2014/04/15 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
python os用法总结
2018/06/08 Python
Python实现去除列表中重复元素的方法总结【7种方法】
2019/02/16 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
Python 爬虫实现增加播客访问量的方法实现
2019/10/31 Python
基于tensorflow __init__、build 和call的使用小结
2021/02/26 Python
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
Linux面试题LINUX系统类
2014/11/19 面试题
2014年综合治理工作总结
2014/11/20 职场文书
解除劳动合同证明书模板
2014/11/20 职场文书
功夫熊猫观后感
2015/06/10 职场文书
催款函范本大全
2015/06/24 职场文书
廉洁自律准则学习心得体会
2016/01/13 职场文书