时间：2021-07-01 10:21:17 帮助过：4人阅读
具体功能运行后看效果 <img id=img1 style="height:100;width:100;"></img> <button onclick="img1.onclick.AddFunction(f1)">添加f1</button><button onclick="img1.onclick.AddFunction(f2)">添加f2</button><button onclick="img1.onclick.AddFunction(f3)">添加f3</button> <button onclick="img1.onclick.RemoveFunction(f1)">移除f1</button><button onclick="img1.onclick.RemoveFunction(f2)">移除f2</button><button onclick="img1.onclick.RemoveFunction(f3)">移除f3</button> <SCRIPT LANGUAGE="JavaScript"> function FunctionArray() { var functions=new Array(); var FA=function (){ for(var i=0;i<functions.length;i++){ if(functions[i] instanceof Function)functions[i](); } } FA.AddFunction=function(newFunction){ if(newFunction instanceof Function) { for(var i=0;i<functions.length;i++){ if(functions[i]==newFunction)return; } functions.push(newFunction); } } FA.RemoveFunction=function(theFunction){ for(var i=0;i<functions.length;i++){ if(functions[i]==theFunction)functions.splice(i,1); } } return FA; } img1.onclick=FunctionArray(); function f1() { output.innerHTML+="f1 runs!! "; } function f2() { output.innerHTML+="f2 runs!! "; } function f3() { output.innerHTML+="f3 runs!! "; } </SCRIPT> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] <script> Function.prototype.concat = function() { var funcs = [this].concat(Array.apply([], arguments)); return function(){ var ret = []; for(var i = 0; i < funcs.length; i++) { var func = funcs[i] instanceof Function ? funcs[i] : new Function(funcs[i]); ret.push(func.apply(this, arguments)); } return ret; } } var a = new Function("return 0"); a=a.concat(function(){return 1}, function(){return 2}, function(){return 3}); alert(a()); </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]顺便贴上winter以前写的东西 winte有空的时候快来帮我加点注释 我加不动了…… <script> <!-- function Template_Group(Class) { //这个类型直接对类型进行操作，它的参数是一个类型 //所以根据前面的定义，它是一个"元类" if(!Class)Class=Object; var prototype=new Class(); return function() { var g=new Array(); //add方法用来向集合中添加元素 this.add=function(newElement) { if(newElement.constructor==Class) { for(var i=0;i<g.length;i++) { if(g[i]==newElement)return; } g.push(newElement); } } //remove方法用来将集合元素移除 this.remove=function(theElement) { for(var i=0;i<g.length;i++) { for(var i=0;i<g.length;i++) { if(g[i]==newElement)g.slice(i,1); } } } //下面的这个循环很复杂，它大致的意思是将单个对象的方法抽象成同名的集合方法 //调用集合对象的某个方法，将对集合中每一个对象的同名方法生效！ //并且，以一个数组形式返回对象集合中每一个对象调用方法的结果 for(var p in prototype) { if(prototype[p].apply) { this[p]=function() { var m=p; return function() { if(g.length) { var o=g[0][m].apply(g[0],arguments); if(!(o instanceof Object)) { var r=new Array(); for(var i=1;i<g.length;i++) { r.push(g[i][m].apply(g[i],arguments)); } return r; } else { var r=new (new Template_Group(g[0][m].apply(g[0][m],arguments).constructor)); r.add(o); for(var i=1;i<g.length;i++) { r.add(g[i][m].apply(g[i],arguments)); } return r; } } } }() } } } } --> </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]一个功能更强大的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页 1</title> <script language="javascript"> if(typeof asfman == "undefined") asfman = {}; //through below method dispath events should note:addEventListener's eventType should not conflict with method asfman.onMethodExecute = function(obj,method,eventType,beforeMethod,evt) { var old = obj[method] || function(){}; evt = evt || {}; obj[method] = function() { evt.arguments = arguments; beforeMethod && this.dispatchEvent(eventType,evt); old.apply(this,arguments); beforeMethod || this.dispatchEvent(eventType,evt); } } asfman.EventManager = function() { this.dispatchEvent = function(eventType, eventArgs) { eventArgs = eventArgs || {}; var events = this["on"+eventType]; var called = 0; if(events && typeof(events) == "function") events = [events]; if(!eventArgs.type) eventArgs.type = eventType; if(events) { var len=events.length; var capturer=events.capturer; var capturerName=events.capturerName; var evt; for(var i=0;i<len;i++) { evt = events[i]; called++; evt.call(this,eventArgs); if(!eventArgs.cancelBubble && called == len && capturer && capturerName && capturer[capturerName]) { //if eventArgs.cancelBubble is not set true and..,run the capturer function capturer[capturerName](eventArgs); } if(called == len && eventArgs.defaultOp) { //if exists the defaultOp function ,run it eventArgs.defaultOp.call(this, eventArgs); } } } else if(eventArgs.defaultOp) { eventArgs.defaultOp.call(this, eventArgs); } } this.captureEvents = function(target, eventType, capturerName, closure) { if(typeof capturerName == "function") { closure = capturerName; capturerName = null; } capturerName = capturerName || "on" + eventType; target["on"+eventType] = target["on"+eventType] || [function(){}]; var events = target["on"+eventType]; if(typeof(events) == "function") { target["on"+eventType] = [events]; } target["on"+eventType].capturer = this; target["on"+eventType].capturerName = capturerName; if(closure) this[capturerName] = closure; } this.addEventListener = function(eventType, closure) { if(this["on"+eventType] == null) { this["on"+eventType] = []; } var events = this["on"+eventType]; if(events && typeof(events) == "function"){ this["on"+eventType] = [events]; events = this["on"+eventType]; } events.push(closure); return closure; } this.removeEventListener = function(eventType, closure) { var events = this["on"+eventType]; if(events && typeof(events) == "function") events = [events]; for(var i = 0; i < events.length; i++) { if(events[i] == closure) events.splice(i, 1); } return closure; } } </script> </head> <body> click on me <script> var obj1 = document.getElementById("test"),obj2 = document.getElementById("test2"); asfman.EventManager.call(obj1); obj1.addEventListener("test",function(){obj2.innerText = " test ";}); obj1.addEventListener("test",function(){alert("test");}); asfman.onMethodExecute(obj1,"onclick","test"); </script> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
< 上一篇
js jquery做的图片连续滚动代码
下一篇 >
img的onload的另类用法
记住我的登录 忘记密码？
登录
我已阅读用户协议及版权声明
注册
