javascript——事件取消

事件取消的第一种方法： document.onclick = null;

 

事件取消的第二种方法：

IE: obj.detachEvent(事件名称，事件函数);

标准 : obj.removeEventListener(事件名称，事件函数，是否捕获);

 

JS代码：

window.onload = function(){

        function fn1(){
            alert(1);
        }

        function fn2(){
            alert(2);
        }

        // document.onclick = fn1;
        // document.onclick = null;    //事件取消

        // ie : obj.detachEvent(事件名称，事件函数);
        // 标准 : obj.removeEventListener(事件名称，事件函数，是否捕获);

        /*
            //IE下
            document.attachEvent('onclick' ,fn1);
            document.attachEvent('onclick' ,fn2);
            document.detachEvent('onclick' ,fn1);    //只弹出2，fn1函数的事件被取消掉了
        */

        
        document.addEventListener('click',fn1,false);
        document.addEventListener('click',fn1,true);
        document.addEventListener('click',fn2,false);
        document.removeEventListener('click',fn1,false);    //阻止fn1函数的事件冒泡了，所以只弹出1、2

    };