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

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

Javascript: jquery ajax提交表单数据的两种方式; js数字输入框(包括最大值最小值限制和四舍五入); 文本框的字数限制功能jquery插件; JavaScript让IE浏览器event对象符合W3C DOM标准; 为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能; 为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能; js版扫雷实现代码原理不错; 鼠标跟随的文字变动效果; JS 判断undefined的实现代码; Ext grid 添加右击菜单; javascript或asp实现的判断身份证号码是否正确两种验证方法; javascript 获取元素位置的快速方法 getBoundingClientRect(); javascript 面向对象继承; JavaScript 地震特效; jquery.ui.progressbar 中文文档; JS 拖动效果实现代码比较简单; JS小框架 fly javascript framework; JS在IE和FF下attachEvent,addEventListener学习笔记; js 对联广告、漂浮广告封装类（IE,FF,Opera,Safari,Chrome; js 动态选中下拉框

No. « ‹ 241 242 243 244 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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类小例子