相对之前 更加完整实用了
function creatfunction(obj,skill){
if(!obj){obj=window;}
var arr=[];
for(var i=2;i<arguments.length;i++){
arr.push(arguments[i]);
}
return function(){
obj[skill].apply(obj,arr);
}
}//给带参数的事件流程函数包一个无参数函数
function Person(){}
Person.prototype={
show:function(){
if(this.onshow){//如果存在数组 则进行下面的操作
for(var x=0;x<this.onshow.length;x++){
this.onshow[x]();//按for循环依次调用
}
}
},
addonshow:function(thing){//对自定义对象添加一个添加事件的方法
if(!this.onshow){//如果不存在这个数组
this.οnshοw=[];//则去建立一个空数组待用
}
this.onshow.push(thing);//将传入的事件函数从尾部添加到数组中
},
removeshow:function(things){//对自定义对象添加一个移除事件的方法
if(this.onshow){//如果存在数组则进行下面的操作
var index=this.onshow.indexOf(things);//找到事件 并把它在数组里的索引存在一个变量里
this.onshow.splice(index,1);//把这个数组项删除(也就是移除了相应的事件)
}
}
}
function add(a,b){//事件流程函数一
alert(a+b);
}
function ji(c,d){//事件流程函数二
alert(c*d);
}
var man=new Person();
var func1=creatfunction(null,'add',5,7);//进行包装赋值
var func2=creatfunction(null,'ji',3,6);//进行包装赋值
man.addonshow(func1);//12//作为参数传递引用(指针)
man.addonshow(func2);//18//作为参数传递引用(指针)
man.show();//12 18
man.removeshow(func1);//去掉12
man.show();//18
//成功
js事件设计模式-含参数多事件的添加和移除
最新推荐文章于 2022-02-26 22:03:17 发布