基于自己对YUI3中on方法的喜爱,忍不住想要去自己实现它,早期本人开发了一个cSelector库,这个库是用来通过selectors来查询DOM的,类似与jQuery的selectors功能。因此,想要实现on的操作方式就非常简单了,首先说明一下YUI中on方法的语法:
[javascript]
Y.on(type,fn,id,context);
[/javascript]
id不单止是一个HTML中的id而已,它可以是css2、3中的selectors,组合查询DOM,将查询到的DOM元素添加type驱动事件fn。这种思想非常的不错。也是自己想要去模仿它的原因,一个是实践,另一个也是加深对它的思想的理解。
cSelector库中支持普通的selector,比如:
[css]
#id .class first-child last-child nth-child > tag only-child *= $= ^= [attr]
[/css]
这已经适合与普通的DOM查询了。EvtWithSelector里定义了一个Evt的对象,Evt有一个on方法,调用方式跟YUI3的是一样的。比如下面的一个实例:
[javascript]
onload=function(){
Evt.on("click",function(){ alert(this.innerHTML);},"div");
}
[/javascript]
最后声明:纯粹是为了实践和喜好之目的,只提供交流和漫骂。下载EvtWithSelector