zoukankan html css js c++ java

addEventListener & removeEventListener || attachEvent & detachEvent

<html>
<head>
<title>html5</title>
</head>
<body>

<span id="test">dianji-click-event</span>

<a id="bindEvent" href="javascript:;" >BindEvent</a> | <a id="removeEvent" href="javascript:;" >RemoveEvent</a>
html5

<script type="text/javascript" >

var EventUtil = {

    addHandler:function(ele,type,handler){
        if(ele.addEventListener){
            ele.addEventListener(type,handler,false);    //buldding
        }else if(ele.attachEvent){
            ele.attachEvent('on'+type,handler);
        }else{
            ele["on"+type] = handler;        
        }
    },
    
    removeHandler:function(ele,type,handler){
        if(ele.removeEventListener){
            ele.removeEventListener(type,handler,false);    //buldding
        }else if(ele.detachEvent){
            ele.detachEvent('on'+type,handler);
        }else{
            ele["on"+type] = null;        
        }
    }

}


var ele = document.getElementById('test');
var i=0;


EventUtil.addHandler(document.getElementById("bindEvent"),'click',function(){
    EventUtil.addHandler(ele,'click',function(){
        i+=1;
        console.log('You click me!' + i)
    });
})

EventUtil.addHandler(document.getElementById("removeEvent"),'click',function(){
    EventUtil.removeHandler(ele,'click',function(){
        i-=1;
        console.log('You Remove click me!' + i)
    });
})


</script>
</body>
</html>

查看全文

相关阅读:
机器学习入门-相关性分析
 R语言-记号体系
 R语言基础
 职位画像分析(pandas/ matplotlib)
python 可视化工具-matplotlib
pandas-缺失值处理
 k-means实战-RFM客户价值分群
 药店商品销量分析(python)
Jike_Time-决策树
 3.7 嵌入式SQL

原文地址：https://www.cnblogs.com/didi/p/2646607.html