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 相关文章推荐
js替换字符串的所有示例代码
Jul 23 Javascript
js中widow.open()方法使用详解
Jul 30 Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
Apr 01 Javascript
jQuery遍历json的方法分析
Apr 16 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
Vuex提升学习篇
Jan 11 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
May 28 Javascript
vue使用代理解决请求跨域问题详解
Jul 24 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
php 文件上传代码(限制jpg文件)
2010/01/05 PHP
PHP7基于curl实现的上传图片功能
2018/05/11 PHP
[原创]图片分页查看
2006/08/28 Javascript
javascript动态加载实现方法一
2012/08/22 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
JQuery.get提交页面不跳转的解决方法
2015/01/13 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
2015/12/08 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
2016/06/03 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
AngularJS封装$http.post()实例详解
2017/05/06 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
[03:42]2014DOTA2西雅图国际邀请赛7月9日TOPPLAY
2014/07/09 DOTA
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
python中迭代器(iterator)用法实例分析
2015/04/29 Python
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
Python3利用Dlib实现摄像头实时人脸检测和平铺显示示例
2019/02/21 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
Python 一键制作微信好友图片墙的方法
2019/05/16 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
联想德国官网:Lenovo Germany
2018/07/04 全球购物
国际领先的在线时尚服装和配饰店:DressLily
2019/03/03 全球购物
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
Yves Rocher捷克官方网站:植物化妆品的创造者
2019/07/31 全球购物
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
《孔子游春》教学反思
2014/02/25 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
人民的好儿女观后感
2015/06/18 职场文书
2015年城管执法工作总结
2015/07/23 职场文书
党性修养心得体会2016
2016/01/21 职场文书
幼师自荐信范文(2016推荐篇)
2016/01/28 职场文书