事件监听函数

<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>