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 相关文章推荐
JavaScript调用Activex控件的事件的实现方法
Apr 11 Javascript
jQuery随便控制任意div隐藏的方法
Jun 28 Javascript
jquery 通过name快速取值示例
Jan 24 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
JS实现带提示的星级评分效果完整实例
Oct 30 Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
Feb 16 Javascript
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
PHP 实现一种多文件上传的方法
Sep 20 Javascript
小程序实现单选多选功能
Nov 04 Javascript
解决vue watch数据的方法被调用了两次的问题
Nov 07 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 破解防盗链图片函数
2008/12/09 PHP
PHP jQuery表单,带验证具体实现方法
2014/02/15 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
jQuery替换字符串(实例代码)
2013/11/13 Javascript
nodejs npm install全局安装和本地安装的区别
2014/06/05 NodeJs
关于jQuery判断元素是否存在的问题示例探讨
2014/07/21 Javascript
jQuery多个input求和的实现方法
2015/02/12 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
第一次记录Bootstrap table学习笔记(1)
2017/05/18 Javascript
bootstrap table单元格新增行并编辑
2017/05/19 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
three.js加载obj模型的实例代码
2017/11/10 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
jQuery操作元素的内容和样式完整实例分析
2020/01/10 jQuery
jQuery HTML设置内容和属性操作实例分析
2020/05/20 jQuery
js校验开始时间和结束时间
2020/05/26 Javascript
详解vue实现坐标拾取器功能示例
2020/11/18 Vue.js
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
[16:21]教你分分钟做大人:圣堂刺客
2014/12/03 DOTA
Python 26进制计算实现方法
2015/05/28 Python
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
python开发之str.format()用法实例分析
2016/02/22 Python
Python网络编程详解
2017/10/31 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
python使用itchat实现手机控制电脑
2018/02/22 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
python 实现查询Neo4j多节点的多层关系
2019/12/23 Python
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
2013/01/30 HTML / CSS
canvas小画板之平滑曲线的实现
2020/08/12 HTML / CSS
委托证明模板
2014/09/16 职场文书
三方股份合作协议书
2014/10/13 职场文书
表扬稿范文
2015/01/17 职场文书
对PyTorch中inplace字段的全面理解
2021/05/22 Python
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android