点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

收集的几个不错的javascript类小例子_js面向对象

来源：动视网责编：小采时间：2020-11-27 20:38:26

收集的几个不错的javascript类小例子_js面向对象

收集的几个不错的javascript类小例子_js面向对象:具体功能运行后看效果添加f1添加f2添加f3 移除f1移除f2移除f3 function FunctionArray() { var functions=new Array(); var FA=function (){ for(var i=0;i [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] Function

推荐度：

点击下载本文 文档为doc格式

导读收集的几个不错的javascript类小例子_js面向对象:具体功能运行后看效果添加f1添加f2添加f3 移除f1移除f2移除f3 function FunctionArray() { var functions=new Array(); var FA=function (){ for(var i=0;i [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] Function

具体功能运行后看效果

<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>

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!!
"; 
}

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
顺便贴上winter以前写的东西
winte有空的时候快来帮我加点注释
我加不动了……

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
一个功能更强大的

<html>

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>新建网页 1</title> 
 
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 
 
 
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需刷新才能执行]

收集的几个不错的javascript类小例子_js面向对象

收集的几个不错的javascript类小例子_js面向对象:具体功能运行后看效果添加f1添加f2添加f3 移除f1移除f2移除f3 function FunctionArray() { var functions=new Array(); var FA=function (){ for(var i=0;i [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] Function

推荐度：

点击下载本文 文档为doc格式

标签： js 类型例子

热门焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2025 51dongshi.net 版权所有

赣ICP备2023002352号-34

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top