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 相关文章推荐
基于jQuery的获取标签名的代码
Jul 16 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
Aug 13 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
Nov 06 Javascript
学习JavaScript设计模式之中介者模式
Jan 14 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
详解webpack运行Babel教程
Jun 13 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
解决vue数组中对象属性变化页面不渲染问题
Aug 09 Javascript
vue.js层叠轮播效果的实例代码
Nov 08 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 09 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 Parse Error: syntax error, unexpected $end 错误的解决办法
2012/06/05 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
jQuery中width()方法用法实例
2014/12/24 Javascript
JS中捕获console.log()输出的方法
2015/04/16 Javascript
如何防止JavaScript自动插入分号
2015/11/05 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
纯JS实现表单验证实例
2016/12/24 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
Vue监听事件实现计数点击依次增加的方法
2018/09/26 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
如何利用nodejs实现命令行游戏
2020/11/24 NodeJs
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
浅析Python编写函数装饰器
2016/03/18 Python
详解django中使用定时任务的方法
2018/09/27 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
python简单贪吃蛇开发
2019/01/28 Python
对DJango视图(views)和模版(templates)的使用详解
2019/07/17 Python
python第三方库学习笔记
2020/02/07 Python
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
全球最大的瓷器、水晶和银器零售商:Replacements
2020/06/15 全球购物
经典c++面试题二
2015/08/14 面试题
武汉瑞得软件笔试题
2015/10/27 面试题
计算机系本科生求职信
2014/05/31 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
入股协议书范本
2014/11/01 职场文书
新党章的学习心得体会
2014/11/07 职场文书
高一化学教学反思
2016/02/22 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
matlab xlabel位置的设置方式
2021/05/21 Python
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android