首页 > 其他 > 详细

自定义事件

时间:2014-06-21 00:57:51      阅读:230      评论:0      收藏:0      [点我收藏+]
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> 自定义事件 </title>

</head>
<body>

</body>
</html>
<script>
function EventTarget(){
    this.handlers = {};
}

EventTarget.prototype = {
    constructor : EventTarget,
    // 注册事件
    addHandler : function(type,handler){
        if(typeof this.handlers[type] == undefined) this.handlers[type] = [];
        this.handlers[type].push(handler);
    },
    // 触发事件
    fire : function(event){
        if(!event.target) event.target = this;
        if(this.handlers[event.type] instanceof Array){
            var handlers = this.handlers[event.type];
            for(var i=0,len=handlers.length;i<len;i++){
                handlers[i](event);
            }
        }
    },
    // 移除事件
    removeHandler : function(type,handler){
        if(this.handlers[type] instanceof Array){
            var handlers = this.handlers[type];
            for(var i=0,len=handlers.length;i<len;i++){
                if(handlers[i] == handler) break;
            }
            handlers.splice(i,1);
        }
    }

}    

function fn_message(event){
    alert(event.message);
}

var target = new EventTarget();
target.addHandler(message,fn_message);
target.fire({type:message,message:I love javascript});
target.removeHandler(message,fn_message);
target.fire({type:message,message:I love javascript});

</script>

 

自定义事件,布布扣,bubuko.com

自定义事件

原文:http://www.cnblogs.com/ayguo/p/3795510.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!