JS 动态添加 onload、onresize、onscroll 事件

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 中均有效。

JS 动态添加 onload、onresize、onscroll 事件相关推荐

js动态添加html元素绑定事件,JS实现动态添加DOM节点和事件的方法示例
本文实例讲述了JS实现动态添加DOM节点和事件的方法.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: /p> "http://www.w3.org/TR/xht ...
【原生js】js动态添加dom，如何绑定事件
首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定事件,这个时候最简单的一个办法就是:将绑定事件的方法封装到一个函数A中,在动态添加完d ...
js 动态添加 tabel 表格
js 动态添加 tabel 表格代码 <!DOCTYPE html> <html><head><title> new document </t ...
jQuery给动态添加的元素绑定事件的方法
jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这 ...
原生js动态为table追加html,JS动态添加Table的TR，TD实现方法
本文实例讲述了JS动态添加Table的TR,TD实现方法.分享给大家供大家参考.具体实现方法如下: var tempRow=0; var maxRows=0; function insertRows( ...
form表单无法提交js动态添加的表单元素问题。。
第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url ...
MUI 里js动态添加数字输入框后，增加、减少按钮无效
https://www.cnblogs.com/ssjf/p/10193652.html numbox 的自动初化是在 mui.ready 时完成的 mui 页面默认会自动初始化页面中的所有数字输入框 ...
js动态添加options(转载)
JS动态添加Option的几种方式在处理表单的时候,经常会有这样的需求:给定一定的数据来生成某个select的option,或者更进一步,某些option或许预先选中或者有高亮显示. 下面我们就来温 ...
layui upload.render上传组件js动态添加html后再次渲染
页面效果页面代码: <input type="hidden" name="mcBaunell" id="m ...

JS 动态添加 onload、onresize、onscroll 事件

JS 动态添加 onload、onresize、onscroll 事件相关推荐

最新文章

热门文章