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 相关文章推荐
20款效果非常棒的 jQuery 插件小结分享
Nov 18 Javascript
jquery操作checked属性以及disabled属性的多种方法
Jun 20 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
Apr 06 Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
Oct 19 Javascript
基于Vue实例对象的数据选项
Aug 09 Javascript
javascript实现循环广告条效果
Dec 12 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
详解Vue.js v-for不支持IE9的解决方法
Dec 29 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
Nov 25 Javascript
ES6中Set和Map用法实例详解
Mar 02 Javascript
vue中echarts引入中国地图的案例
Jul 28 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实现的堆排序算法详解
2017/08/17 PHP
PHP超低内存遍历目录文件和读取超大文件的方法
2019/05/01 PHP
php操作redis命令及代码实例大全
2020/11/19 PHP
使用IE6看老赵的博客 jQuery初探
2010/01/17 Javascript
javascript中的undefined 与 null 的区别  补充篇
2010/03/17 Javascript
javascript中获取下个月一号,是星期几
2012/06/01 Javascript
jQuery替换字符串(实例代码)
2013/11/13 Javascript
js 自动播放的实例代码
2013/11/19 Javascript
解决jquery中美元符号命名冲突问题
2014/01/08 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
2014/02/13 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
在vue中使用SockJS实现webSocket通信的过程
2018/08/29 Javascript
使用react render props实现倒计时的示例代码
2018/12/06 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
Python模块学习 datetime介绍
2012/08/27 Python
在Python中操作日期和时间之gmtime()方法的使用
2015/05/22 Python
python 日志增量抓取实现方法
2018/04/28 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
OpenCV里的imshow()和Matplotlib.pyplot的imshow()的实现
2019/11/25 Python
Python内置方法和属性应用:反射和单例(推荐)
2020/06/19 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
python使用ctypes库调用DLL动态链接库
2020/10/22 Python
amazeui时间组件的实现示例
2020/08/18 HTML / CSS
关于webview适配H5上传照片或者视频文件的方法
2020/11/04 HTML / CSS
英国假睫毛购买网站:FalseEyelashes.co.uk
2018/05/23 全球购物
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
保险专业大专生求职信
2013/10/26 职场文书
班级安全教育实施方案
2014/02/23 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
现场活动策划方案
2014/08/22 职场文书
2015年清明节网上祭英烈活动总结
2015/03/26 职场文书
二审答辩状范文
2015/05/22 职场文书
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS