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>

查看全文

相关阅读:
System.DateUtils 1. DateOf、TimeOf 简单修饰功能
 Servlet高级
 Servlet基础
 AOP的基本概念
 Bean的定义及作用域的注解实现
 Bean
centos7系统下，配置学校客户端网络记录
 CUDA并行编程思维过程
 CUDA(GPU)OPENCV
3-决策树

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