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 08 Javascript
js实现网站首页图片滚动显示
Feb 04 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 Javascript
跟我学习javascript的for循环和for...in循环
Nov 18 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
Jan 18 Javascript
JavaScript实现数组降维详解
Jan 05 Javascript
基于vue实现多引擎搜索及关键字提示
Mar 16 Javascript
Vue组件和Route的生命周期实例详解
Feb 10 Javascript
13 个npm 快速开发技巧(推荐)
Jul 04 Javascript
如何将Node.js中的回调转换为Promise
Nov 10 Javascript
vue项目如何监听localStorage或sessionStorage的变化
Jan 04 Vue.js
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+mysqli使用面向对象方式查询数据库实例
2015/01/29 PHP
基于php实现随机合并数组并排序(原排序)
2015/11/26 PHP
配置eAccelerator和XCache扩展来加速PHP程序的执行
2015/12/22 PHP
php封装json通信接口详解及实例
2017/03/07 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
javascript重写alert方法的实例代码
2013/03/29 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
2015/01/09 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
json与jsonp知识小结(推荐)
2016/08/16 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
2017/03/08 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
nodejs语言实现验证码生成功能的示例代码
2019/10/13 NodeJs
创建nuxt.js项目流程图解
2020/03/13 Javascript
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
JavaScript代码实现微博批量取消关注功能
2021/02/05 Javascript
Python使用MD5加密字符串示例
2014/08/22 Python
Python中防止sql注入的方法详解
2017/02/25 Python
python面试题之列表声明实例分析
2019/07/08 Python
Django使用uwsgi部署时的配置以及django日志文件的处理方法
2019/08/30 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
如何创建一个Flask项目并进行简单配置
2020/11/18 Python
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
澳大利亚女性快速时尚零售商:Ally Fashion
2018/04/25 全球购物
中专生毕业自我鉴定
2013/11/01 职场文书
工作中个人的自我评价
2013/12/31 职场文书
市场营销职业生涯规划书范文
2014/01/12 职场文书
商务邀请函范文
2014/01/14 职场文书
老总助理工作岗位职责
2014/02/06 职场文书
2014年加油站站长工作总结
2014/12/23 职场文书
毕业实习计划书
2015/01/16 职场文书
惊涛骇浪观后感
2015/06/05 职场文书
新学期开学标语2015
2015/07/16 职场文书
pycharm代码删除恢复的方法
2021/06/26 Python