• 技术文章 >web前端 >js教程

    js动态添加onload、onresize、onscroll事件(另类方法)_javascript技巧

    2016-05-16 17:45:20原创467
    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 中均有效。
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:onload onresize onscroll
    上一篇:JavaScript初学者应注意的七个细节详细介绍_基础知识 下一篇:Three.js源码阅读笔记(物体是如何组织的)_基础知识
    Web大前端开发直播班

    相关文章推荐

    • JavaScript详细解析之网络请求与远程资源• Angular如何对请求进行拦截封装?• react如何实现hooks?必须依赖 Fiber 么?• 怎么获取Node性能监控指标?获取方法分享• ie8是否支持es6

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网