收集的几个不错的javascript类小例子- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 收集的几个不错的javascript类小例子

Javascript: js 判断 enter 事件; 谷歌浏览器 insertCell与appendChild的区别; 从JavaScript 到 JQuery (1)学习小结; JavaScript实现动态增加文件域表单; JavaScript DOM 添加事件; Javascript 跨域访问解决方案; 检测是否已安装 .NET Framework 3.5的js脚本; JavaScript 获得选中文本内容的方法; Javascript 获取链接(url)参数的方法; javascript Ext JS 状态默认存储时间; 动态为事件添加js代码示例; JSON扫盲帖 JSON.as类教程; JavaScript 全面解析各种浏览器网页中的JS 执行顺序; js实现权限树的更新权限时的全选全消功能; javascript Table 中2个列（TD）的交换实现代码; js表数据排序 sort table data; javascript css在IE和Firefox中区别分析; JAVASCRIPT IE 与 FF中兼容问题小结; 判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明; csdn 批量接受好友邀请

No. « ‹ 126 127 128 129 › »

技术文章搜索

关键字

Javascript 中的收集的几个不错的javascript类小例子

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 334 ::

收藏到网摘: n/a

Javascript函数加壳多用于事件绑定 javascript下function声明一些小结

自己比较喜欢javascript类，主要是方便扩展。

具体功能运行后看效果

点击运行可以看到效果:

<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>
<div id=output></div>
<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 全选提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

顺便贴上winter以前写的东西
winte有空的时候快来帮我加点注释
我加不动了……

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

一个功能更强大的

点击运行可以看到效果:

<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>
<div id="test" style="border:1px double red;width:100px;height:55px;" onclick="alert('first')">click on me</div>
<div id="test2" onclick='alert("second")' style="border:1px double red;margin:10px;width:200px;height:100px;"></div>
<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 全选提示:你可先修改部分代码,再按运行]

Javascript函数加壳多用于事件绑定 javascript下function声明一些小结

Javascript 中的 收集的几个不错的javascript类小例子

评论 (0) All

Javascript 中的收集的几个不错的javascript类小例子