JQ的domReady+事件绑定+事情取消的JS写法

原创于 2019-04-30 11:26:04 发布 · 196 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了DOM Ready的实现方式，确保页面加载完成后执行特定函数。同时，详细讲解了跨浏览器的事件绑定与解除绑定方法，包括addEventListener和attachEvent的使用，适用于现代与旧版浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//这是前面封装过的domReady
        function domReady(fn){
            if(document.addEventListener){
                document.addEventListener('DOMContentLoaded',function(){
                    fn&&fn();//处理事情
                },false);
            }else{
                /*监控资源情况，ie8及以下不支持addEventListener*/
                document.onreadystatechange=function(){
                    /*dom加载完成的时候*/
                    if(document.readyState=='complete'){
                        fn&&fn();//处理事情
                    }
                };
            }
        }

//事件绑定兼容
        function addEvent(obj,oEvn,fn){
            if(obj.addEventListener){
                obj.addEventListener(oEvn,fn,false);
            }else{
                obj.attachEvent('on'+oEvn,fn);
            }
        }
        //解除事件绑定
        function removeEvent(obj,oEvn,fn){
            if(obj.removeEventListener){
                obj.removeEventListener(oEvn,fn,false);
            }else{
                obj.detachEvent('on'+oEvn,fn);
            }