事件监听函数

来源:互联网 发布:java国际化配置 编辑:程序博客网 时间:2024/06/06 02:59
<div id="box">123</div><script type="text/javascript">    //获得此元素    var box = document.getElementById("box");    /*     * 函数名:clickFn     * 功能:一个普通的函数,实现打印功能     */     function clickFn(){        console.log( box.innerHTML );     }    //事件监听函数    /*     * 函数名: addEvent( obj,type,fn,capture)     * 参数     * obj: 目标元素     * type: 事件类型     * fn: 回调函数     * capture 是否异步     * 功能:主要实现事件监听     */    function addEvent( obj,type,fn,capture ){        //console.log("aa");        if(obj.addEventListener){            obj.addEventListener("click",clickFn,true);        }else{            obj.attachEvent("click",clickFn,true);        }    }    //添加事件    addEvent(box,"click",clickFn,true);    //移除事件    /*     * 函数名:removeEvent( obj,type,fn,capture )     * 参数:     * obj 目标元素     * type 事件类型     * fn  指定事件触发调用的函数     * capture 是否同步     */     function removeEvent( obj,type,fn,capture ){        if( obj.removeEventListener ){            obj.removeEventListener(type,clickFn,true);        }else{            obj.detachEvent("on"+ type,clickFn,true);        }     }     removeEvent(box,"click",clickFn,true);</script>
原创粉丝点击