管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

收集的几个不错的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>

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Afunction%20FunctionArray()%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20functions%3Dnew%20Array()%3B%20%0D%0A%20%20%20%20var%20FA%3Dfunction%20()%7B%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20for(var%20i%3D0%3Bi%3Cfunctions.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(functions%5Bi%5D%20instanceof%20Function)functions%5Bi%5D()%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20FA.AddFunction%3Dfunction(newFunction)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(newFunction%20instanceof%20Function)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D0%3Bi%3Cfunctions.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(functions%5Bi%5D%3D%3DnewFunction)return%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20functions.push(newFunction)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20FA.RemoveFunction%3Dfunction(theFunction)%7B%20%0D%0A%20%20%20%20%20%20%20%20for(var%20i%3D0%3Bi%3Cfunctions.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(functions%5Bi%5D%3D%3DtheFunction)functions.splice(i%2C1)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20return%20FA%3B%20%0D%0A%7D%20%0D%0Aimg1.onclick%3DFunctionArray()%3B%20%0D%0A%0D%0Afunction%20f1()%20%0D%0A%7B%20%0D%0A%20%20%20%20output.innerHTML%2B%3D%22f1%20runs!!%0D%0A%22%3B%20%0D%0A%7D%20%0D%0Afunction%20f2()%20%0D%0A%7B%20%0D%0A%20%20%20%20output.innerHTML%2B%3D%22f2%20runs!!%0D%0A%22%3B%20%0D%0A%7D%20%0D%0Afunction%20f3()%20%0D%0A%7B%20%0D%0A%20%20%20%20output.innerHTML%2B%3D%22f3%20runs!!%0D%0A%22%3B%20%0D%0A%7D%20%0D%0A%0D%0A%3C%2FSCRIPT%3E">

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

　　

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0AFunction.prototype.concat%20%3D%20function()%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20funcs%20%3D%20%5Bthis%5D.concat(Array.apply(%5B%5D%2C%20arguments))%3B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20return%20function()%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20ret%20%3D%20%5B%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20for(var%20i%20%3D%200%3B%20i%20%3C%20funcs.length%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20func%20%3D%20funcs%5Bi%5D%20instanceof%20Function%20%3F%20funcs%5Bi%5D%20%3A%20new%20Function(funcs%5Bi%5D)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20ret.push(func.apply(this%2C%20arguments))%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20return%20ret%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0Avar%20a%20%3D%20new%20Function(%22return%200%22)%3B%20%0D%0Aa%3Da.concat(function()%7Breturn%201%7D%2C%20function()%7Breturn%202%7D%2C%20function()%7Breturn%203%7D)%3B%20%0D%0Aalert(a())%3B%20%0D%0A%3C%2Fscript%3E">

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

　　顺便贴上winter以前写的东西

　　winte有空的时候快来帮我加点注释

　　我加不动了……

　　

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%3C!--%20%0D%0Afunction%20Template_Group(Class)%20%0D%0A%7B%20%0D%0A%2F%2F%E8%BF%99%E4%B8%AA%E7%B1%BB%E5%9E%8B%E7%9B%B4%E6%8E%A5%E5%AF%B9%E7%B1%BB%E5%9E%8B%E8%BF%9B%E8%A1%8C%E6%93%8D%E4%BD%9C%EF%BC%8C%E5%AE%83%E7%9A%84%E5%8F%82%E6%95%B0%E6%98%AF%E4%B8%80%E4%B8%AA%E7%B1%BB%E5%9E%8B%20%0D%0A%2F%2F%E6%89%80%E4%BB%A5%E6%A0%B9%E6%8D%AE%E5%89%8D%E9%9D%A2%E7%9A%84%E5%AE%9A%E4%B9%89%EF%BC%8C%E5%AE%83%E6%98%AF%E4%B8%80%E4%B8%AA%22%E5%85%83%E7%B1%BB%22%20%0D%0A%20%20%20%20if(!Class)Class%3DObject%3B%20%0D%0A%20%20%20%20var%20prototype%3Dnew%20Class()%3B%20%0D%0A%20%20%20%20return%20function()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20g%3Dnew%20Array()%3B%20%0D%0A%20%20%20%20%20%20%20%20%2F%2Fadd%E6%96%B9%E6%B3%95%E7%94%A8%E6%9D%A5%E5%90%91%E9%9B%86%E5%90%88%E4%B8%AD%E6%B7%BB%E5%8A%A0%E5%85%83%E7%B4%A0%20%0D%0A%20%20%20%20%20%20%20%20this.add%3Dfunction(newElement)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(newElement.constructor%3D%3DClass)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D0%3Bi%3Cg.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(g%5Bi%5D%3D%3DnewElement)return%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20g.push(newElement)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%2F%2Fremove%E6%96%B9%E6%B3%95%E7%94%A8%E6%9D%A5%E5%B0%86%E9%9B%86%E5%90%88%E5%85%83%E7%B4%A0%E7%A7%BB%E9%99%A4%20%0D%0A%20%20%20%20%20%20%20%20this.remove%3Dfunction(theElement)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D0%3Bi%3Cg.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D0%3Bi%3Cg.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(g%5Bi%5D%3D%3DnewElement)g.slice(i%2C1)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%2F%2F%E4%B8%8B%E9%9D%A2%E7%9A%84%E8%BF%99%E4%B8%AA%E5%BE%AA%E7%8E%AF%E5%BE%88%E5%A4%8D%E6%9D%82%EF%BC%8C%E5%AE%83%E5%A4%A7%E8%87%B4%E7%9A%84%E6%84%8F%E6%80%9D%E6%98%AF%E5%B0%86%E5%8D%95%E4%B8%AA%E5%AF%B9%E8%B1%A1%E7%9A%84%E6%96%B9%E6%B3%95%E6%8A%BD%E8%B1%A1%E6%88%90%E5%90%8C%E5%90%8D%E7%9A%84%E9%9B%86%E5%90%88%E6%96%B9%E6%B3%95%20%0D%0A%2F%2F%E8%B0%83%E7%94%A8%E9%9B%86%E5%90%88%E5%AF%B9%E8%B1%A1%E7%9A%84%E6%9F%90%E4%B8%AA%E6%96%B9%E6%B3%95%EF%BC%8C%E5%B0%86%E5%AF%B9%E9%9B%86%E5%90%88%E4%B8%AD%E6%AF%8F%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%B1%A1%E7%9A%84%E5%90%8C%E5%90%8D%E6%96%B9%E6%B3%95%E7%94%9F%E6%95%88%EF%BC%81%20%0D%0A%2F%2F%E5%B9%B6%E4%B8%94%EF%BC%8C%E4%BB%A5%E4%B8%80%E4%B8%AA%E6%95%B0%E7%BB%84%E5%BD%A2%E5%BC%8F%E8%BF%94%E5%9B%9E%E5%AF%B9%E8%B1%A1%E9%9B%86%E5%90%88%E4%B8%AD%E6%AF%8F%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%B1%A1%E8%B0%83%E7%94%A8%E6%96%B9%E6%B3%95%E7%9A%84%E7%BB%93%E6%9E%9C%20%0D%0A%20%20%20%20%20%20%20%20for(var%20p%20in%20prototype)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(prototype%5Bp%5D.apply)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this%5Bp%5D%3Dfunction()%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20m%3Dp%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20function()%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(g.length)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20o%3Dg%5B0%5D%5Bm%5D.apply(g%5B0%5D%2Carguments)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(!(o%20instanceof%20Object))%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20r%3Dnew%20Array()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D1%3Bi%3Cg.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20r.push(g%5Bi%5D%5Bm%5D.apply(g%5Bi%5D%2Carguments))%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20r%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20r%3Dnew%20(new%20Template_Group(g%5B0%5D%5Bm%5D.apply(g%5B0%5D%5Bm%5D%2Carguments).constructor))%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20r.add(o)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D1%3Bi%3Cg.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20r.add(g%5Bi%5D%5Bm%5D.apply(g%5Bi%5D%2Carguments))%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20r%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D()%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A--%3E%20%0D%0A%3C%2Fscript%3E">

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

　　一个功能更强大的

　　

<html>

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>新建网页 1</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Aif(typeof%20asfman%20%3D%3D%20%22undefined%22)%20asfman%20%3D%20%7B%7D%3B%20%0D%0A%2F%2Fthrough%20below%20method%20dispath%20events%20should%20note%3AaddEventListener's%20eventType%20should%20not%20conflict%20with%20method%20%0D%0Aasfman.onMethodExecute%20%3D%20function(obj%2Cmethod%2CeventType%2CbeforeMethod%2Cevt)%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20old%20%3D%20obj%5Bmethod%5D%20%7C%7C%20function()%7B%7D%3B%20%0D%0A%20%20%20%20evt%20%3D%20evt%20%7C%7C%20%7B%7D%3B%20%0D%0A%20%20%20%20obj%5Bmethod%5D%20%3D%20function()%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20evt.arguments%20%3D%20arguments%3B%20%0D%0A%20%20%20%20%20%20%20%20beforeMethod%20%26%26%20this.dispatchEvent(eventType%2Cevt)%3B%20%0D%0A%20%20%20%20%20%20%20%20old.apply(this%2Carguments)%3B%20%0D%0A%20%20%20%20%20%20%20%20beforeMethod%20%7C%7C%20this.dispatchEvent(eventType%2Cevt)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0Aasfman.EventManager%20%3D%20function()%20%0D%0A%7B%20%0D%0A%20%20%20%20this.dispatchEvent%20%3D%20function(eventType%2C%20eventArgs)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20eventArgs%20%3D%20eventArgs%20%7C%7C%20%7B%7D%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20events%20%3D%20this%5B%22on%22%2BeventType%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20called%20%3D%200%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20if(events%20%26%26%20typeof(events)%20%3D%3D%20%22function%22)%20events%20%3D%20%5Bevents%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20if(!eventArgs.type)%20eventArgs.type%20%3D%20eventType%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20if(events)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20len%3Devents.length%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20capturer%3Devents.capturer%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20capturerName%3Devents.capturerName%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20evt%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D0%3Bi%3Clen%3Bi%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20evt%20%3D%20events%5Bi%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20called%2B%2B%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20evt.call(this%2CeventArgs)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(!eventArgs.cancelBubble%20%26%26%20called%20%3D%3D%20len%20%26%26%20capturer%20%26%26%20capturerName%20%26%26%20capturer%5BcapturerName%5D)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2Fif%20eventArgs.cancelBubble%20is%20not%20set%20true%20and..%2Crun%20the%20capturer%20function%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20capturer%5BcapturerName%5D(eventArgs)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(called%20%3D%3D%20len%20%26%26%20eventArgs.defaultOp)%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2Fif%20exists%20the%20defaultOp%20function%20%2Crun%20it%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20eventArgs.defaultOp.call(this%2C%20eventArgs)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20else%20if(eventArgs.defaultOp)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20eventArgs.defaultOp.call(this%2C%20eventArgs)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20this.captureEvents%20%3D%20function(target%2C%20eventType%2C%20capturerName%2C%20closure)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20if(typeof%20capturerName%20%3D%3D%20%22function%22)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20closure%20%3D%20capturerName%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20capturerName%20%3D%20null%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20capturerName%20%3D%20capturerName%20%7C%7C%20%22on%22%20%2B%20eventType%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20target%5B%22on%22%2BeventType%5D%20%3D%20target%5B%22on%22%2BeventType%5D%20%7C%7C%20%5Bfunction()%7B%7D%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20events%20%3D%20target%5B%22on%22%2BeventType%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20if(typeof(events)%20%3D%3D%20%22function%22)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20target%5B%22on%22%2BeventType%5D%20%3D%20%5Bevents%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20target%5B%22on%22%2BeventType%5D.capturer%20%3D%20this%3B%20%0D%0A%20%20%20%20%20%20%20%20target%5B%22on%22%2BeventType%5D.capturerName%20%3D%20capturerName%3B%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20if(closure)%20%20%20%20this%5BcapturerName%5D%20%3D%20closure%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20this.addEventListener%20%3D%20function(eventType%2C%20closure)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20if(this%5B%22on%22%2BeventType%5D%20%3D%3D%20null)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20this%5B%22on%22%2BeventType%5D%20%3D%20%5B%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20var%20events%20%3D%20this%5B%22on%22%2BeventType%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20if(events%20%26%26%20typeof(events)%20%3D%3D%20%22function%22)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20this%5B%22on%22%2BeventType%5D%20%3D%20%5Bevents%5D%3B%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20events%20%3D%20this%5B%22on%22%2BeventType%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20events.push(closure)%3B%20%0D%0A%20%20%20%20%20%20%20%20return%20closure%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%0D%0A%20%20%20%20this.removeEventListener%20%3D%20function(eventType%2C%20closure)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20events%20%3D%20this%5B%22on%22%2BeventType%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20if(events%20%26%26%20typeof(events)%20%3D%3D%20%22function%22)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20events%20%3D%20%5Bevents%5D%3B%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20for(var%20i%20%3D%200%3B%20i%20%3C%20events.length%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(events%5Bi%5D%20%3D%3D%20closure)%20events.splice(i%2C%201)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20return%20closure%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</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> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Avar%20obj1%20%3D%20document.getElementById(%22test%22)%2Cobj2%20%3D%20document.getElementById(%22test2%22)%3B%20%0D%0Aasfman.EventManager.call(obj1)%3B%20%0D%0Aobj1.addEventListener(%22test%22%2Cfunction()%7Bobj2.innerText%20%3D%20%22%20test%20%22%3B%7D)%3B%20%0D%0Aobj1.addEventListener(%22test%22%2Cfunction()%7Balert(%22test%22)%3B%7D)%3B%20%0D%0Aasfman.onMethodExecute(obj1%2C%22onclick%22%2C%22test%22)%3B%20%0D%0A%3C%2Fscript%3E"> 
</body>

</html>

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

教程首页更多教程