西红柿爱番茄

Feed Rss

EvtWithSelector模仿YUI的on方法

12.18.2009, Javascript, by .

基于自己对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

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>