js动态添加onload、onresize、onscroll事件(另类方法)
更新时间：2012年12月26日 11:30:36 作者：
window 的 onload、onresize、onscroll 事件，跟其他的事件不一样，它不能用 attachEvent 或 addEventListener 来添加于是本人想了一些另类的方法，需要了解的朋友可以参考下
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 中均有效。
也就是说，它只能这样来（以 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 中均有效。
您可能感兴趣的文章:
- JS中setTimeout的巧妙用法前端函数节流
- 浅谈JavaScript函数节流
- JavaScript函数节流概念与用法实例详解
- JavaScript性能优化之函数节流（throttle）与函数去抖（debounce）
- js隐藏与显示回到顶部按钮及window.onscroll事件应用
- JS 滚动事件window.onscroll与position：fixed写兼容IE6的回到顶部组件
- javascript的offset、client、scroll使用方法详解
- javascript scrollTop正解使用方法
- JS中完美兼容各大浏览器的scrolltop方法
- JavaScript触发onScroll事件的函数节流详解
相关文章
本篇文章我们研究一下，在移动端开发过程中经常使用到的图片上传功能，在大多数小程序或者APP中都会遇到一些实名认证或者头像上传的功能，对uniapp小程序 上传图片功能感兴趣的朋友跟随小编一起看看吧2023-01-01
这篇文章主要介绍了javascript实现点击后变换按钮显示文字的方法,可实现显示一些按钮如果点击了,按钮文本变为“点了”,其他按钮文本变为“没点”的效果,非常具有实用价值,需要的朋友可以参考下2015-05-05
Observer模式也叫观察者模式，是由GoF提出的23种软件设计模式的一种。Observer模式是行为模式之一，它的作用是当一个对象的状态发生变化时，能够自动通知其他关联对象，自动刷新对象状态2015-12-12
在js中去除空格并不是可以直接使用trim来删除，它在js中并不像我们想的那么好用，特别像我要删除前后空格这个trim函数更不可靠了2013-11-11
这篇文章主要介绍了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果,可实现使用JavaScript判断密码框是否获得焦点来隐藏与显示提示文字,非常简单实用,需要的朋友可以参考下2015-11-11
在js数组中查找特定的元素相信对大家来说再熟悉不过了，但越简单的东西越可能出错，小编最近就犯了这样的错误，所以想着干脆将实现的代码整理下来，方便自己以后需要的时候，或者有需要的朋友们参考学习，下面来一起看看吧。2017-03-03
这篇文章主要介绍了javascript页面渲染速度测试脚本,计算浏览器渲染HTML页面所需要的时间,需要的朋友可以参考下2014-04-04
这篇文章主要帮助大家理解JS事件循环，深入浅出的讲解了javascript事件循环，感兴趣的小伙伴们可以参考一下2016-01-01
按指定格式显示日期时间在开发与时间相关的应用时非常有用，接下来与大家分享下格式化显示日期时间的方法，感兴趣的朋友可以参考下哈2013-04-04
给网页加个彩色窗口...2006-07-07
最新评论