DOM元素上jQuery事件几点学习 -- JavaScript -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> JavaScript --> DOM元素上jQuery事件几点学习

DOM元素上jQuery事件几点学习

浏览:3108次出处信息

闲着无聊看了jQuery event部分的代码，发现一个小惊喜，嘿嘿，可能我奥特曼了。以下一jQuery 1.4.4版本说事，更高级版本稍有不同，但是关系不大。

jQuery 在元素上绑定事件的时候，会在该元素上添加一个自定义属性“evens”，这个属性包含了通过jQuery绑定事件的事件集合，例如：
这样一个元素：

`1`	`<a` `id="bind"` `href="#">这是一个绑定了事件的元素(bind)</a>`

我在这个元素上绑定两个click事件，一个采用“bind”，一个直接用“click”：

01
$("#bind").bind("click.hello",function(event){ 

02
event.preventDefault(); 

03
console.log("bind"); 

04
}); 

05
$("#bind").click(function(event){ 

06
event.preventDefault(); 

07
console.log("bind1"); 

08
}); 

09
var $events = $("#bind").data("events"); 

10
console.log($events);

打印出来的结果如下，

这样我们就可以做很多事情，比如事件的命名，自定义事件，判断元素上是否绑定了jQuery事件等等，

经进一步的测试发现了几点情况：

live事件绑定的元素上没有“evens”自定义属性；
hover这种扩展事件绑定的元素上有“evens”自定义属性，事件的类型包括mouseenter,mouseleave,mouseout,mouseover，jQuery 1.7事件类型略有不同；
delegate事件绑定的元素上有“evens”自定义属性，事件属性中有“live”；

好多有意思的东东，还是继续再看jQuery源码吧

建议继续学习：

QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习

<< 前一篇：Juicer – 一个Javascript模板引擎的实现和优化

后一篇：前端代码的阻抗失配 >>

文章信息

作者：愚人码头来源： WEB前端开发
标签： DOM jQuery
发布时间：2012-05-08 00:05:47

建议继续学习

近3天十大热文