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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
Nov 30 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
Apr 26 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
JavaScript设计模式之建造者模式介绍
Dec 28 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
Jan 03 Javascript
javascript模块化简单解析
Apr 07 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
May 25 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
vue proxyTable 接口跨域请求调试的示例
Sep 12 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
May 28 Javascript
this在vue和小程序中的使用详解
Jan 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
新手菜鸟必读:session与cookie的区别
2013/08/22 PHP
基于thinkPHP实现的微信自定义分享功能示例
2016/09/23 PHP
javascript模拟select,jselect的方法实现
2012/11/08 Javascript
JavaScript的递归之递归与循环示例介绍
2013/08/05 Javascript
a标签的href与onclick事件的区别详解
2014/11/12 Javascript
nodejs 中模拟实现 emmiter 自定义事件
2016/02/22 NodeJs
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
2016/12/28 Javascript
BootStrap Datepicker 插件修改为默认中文的实现方法
2017/02/10 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
2017/02/14 Javascript
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
windows系统下更新nodejs版本的方案
2017/11/24 NodeJs
Vue+Vux项目实践完整代码
2017/11/30 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
axios携带cookie配置详解(axios+koa)
2018/12/28 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
JS Web Flex弹性盒子模型代码实例
2020/03/10 Javascript
微信小程序个人中心的列表控件实现代码
2020/04/26 Javascript
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
python实现字典(dict)和字符串(string)的相互转换方法
2017/03/01 Python
Python中str.join()简单用法示例
2018/03/20 Python
python3.6利用pyinstall打包py为exe的操作实例
2018/10/31 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
HTML5仿微信聊天界面、微信朋友圈实例代码
2018/01/29 HTML / CSS
英国休闲奢华的缩影:Crew Clothing
2019/05/05 全球购物
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
美国体育用品商店:Academy Sports + Outdoors
2020/01/04 全球购物
怎样写好创业计划书的内容
2014/02/06 职场文书
本科毕业生应聘求职信
2014/07/06 职场文书
学校食堂标语
2014/10/06 职场文书
师范生见习报告范文
2014/11/03 职场文书
Python实现科学占卜 让视频自动打码
2022/04/09 Python
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python