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>

查看全文

相关阅读:
字符串基本操作
 条件、循环、函数定义练习
 turtle库基础练习
 Python基础练习
 AutoLayout 教程
 Mac上最佳的SVN管理工具：Cornerstone
图片上传关于压缩的问题
 关于单元测试的问题
 获取ios设备的当前IP地址
 关于项目使用ARC的管理方式

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