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 相关文章推荐
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
Jul 25 Javascript
关于JS数组追加数组采用push.apply的问题
Jun 09 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
May 12 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
May 16 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
Sep 14 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
Mar 15 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
vue中的watch监听数据变化及watch中各属性的详解
Sep 11 Javascript
VUE搭建手机商城心得和遇到的坑
Feb 21 Javascript
ES6箭头函数和扩展实例分析
May 23 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 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的库,结果发现很多东西
2006/12/31 PHP
PHP 上传文件大小限制
2009/07/05 PHP
PHP获取youku视频真实flv文件地址的方法
2014/12/23 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
PHP学习笔记之session
2018/05/06 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
PHP如何通过date() 函数格式化显示时间
2020/11/13 PHP
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
获取offsetTop和offsetLeft值的js代码(兼容)
2013/04/16 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
jQuery中end()方法用法实例
2015/01/08 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
AngularJs expression详解及简单示例
2016/09/01 Javascript
基于JavaScript实现Tab选项卡切换效果
2016/11/24 Javascript
几种tab切换详解
2017/02/03 Javascript
Bootstrap Scrollspy源码学习
2017/03/02 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
Python完全新手教程
2007/02/08 Python
python中的数组赋值与拷贝的区别详解
2019/11/26 Python
解决Python图形界面中设置尺寸的问题
2020/03/05 Python
Python高阶函数与装饰器函数的深入讲解
2020/11/10 Python
python 爬取腾讯视频评论的实现步骤
2021/02/18 Python
整理的15个非常有用的 HTML5 开发教程和速查手册
2011/10/18 HTML / CSS
h5网页水印SDK的实现代码示例
2019/02/19 HTML / CSS
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
安全资金保障制度
2014/01/23 职场文书
幼儿园评语大全
2014/04/17 职场文书
模具专业自荐信
2014/05/29 职场文书
准备去美国留学,那么大学申请文书应该怎么写?
2019/08/12 职场文书
python3.9之你应该知道的新特性详解
2021/04/29 Python
nginx+lua单机上万并发的实现
2021/05/31 Servers
解析Java中的static关键字
2021/06/14 Java/Android