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实现一个可编辑的select下拉列表
Feb 20 Javascript
Javascript实现简单二级下拉菜单实例
Jun 15 Javascript
使用js实现的简单拖拽效果
Mar 18 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
Apr 05 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
Dec 18 Javascript
微信小程序登录session的使用
Mar 17 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
Vue封装的组件全局注册并引用
Jul 24 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
Dec 17 Javascript
vue3使用vue-router的完整步骤记录
Jun 20 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者的疑难问答(1)
2006/10/09 PHP
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
javascript 快速排序函数代码
2012/05/30 Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
2013/04/12 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
2013/06/16 Javascript
Javascript之this关键字深入解析
2013/11/12 Javascript
JavaScript中常用的六种互动方法示例
2015/03/13 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
2016/02/17 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
2016/09/05 Javascript
JS实现自定义状态栏动画文字效果示例
2017/10/12 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
2018/03/07 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
2018/05/15 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
2019/07/19 Javascript
jenkins自动构建发布vue项目的方法步骤
2021/01/04 Vue.js
[01:22:42]2014 DOTA2华西杯精英邀请赛 5 24 DK VS LGD
2014/05/26 DOTA
一篇文章快速了解Python的GIL
2018/01/12 Python
python处理DICOM并计算三维模型体积
2019/02/26 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
Python 元组操作总结
2019/09/18 Python
python Tensor和Array对比分析
2020/01/08 Python
Python高阶函数与装饰器函数的深入讲解
2020/11/10 Python
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
斯巴达比赛商店:Spartan Race
2019/01/08 全球购物
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
党员志愿者活动方案
2014/08/28 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang
MySQL5.7并行复制原理及实现
2021/06/03 MySQL