闲着无聊看了jQuery event部分的代码,发现一个小惊喜,嘿嘿,可能我奥特曼了。以下一jQuery 1.4.4版本说事,更高级版本稍有不同,但是关系不大。
jQuery 在元素上绑定事件的时候,会在该元素上添加一个自定义属性“events”,这个属性包含了通过jQuery绑定事件的事件集合,例如:
这样一个元素:
|
我在这个元素上绑定两个click事件,一个采用“bind”,一个直接用“click”:
$("#bind").bind("click.hello",function(event){
event.preventDefault();
console.log("bind");
});
$("#bind").click(function(event){
event.preventDefault();
console.log("bind1");
});
var$events = $("#bind").data("events");
console.log($events);
|
打印出来的结果如下:
这样我们就可以做很多事情,比如事件的命名,自定义事件,判断元素上是否绑定了jQuery事件等等,
经进一步的测试发现了几点情况:
1、live事件绑定的元素上没有“events”自定义属性;
2、hover这种扩展事件绑定的元素上有“events”自定义属性,事件的类型包括mouseenter,mouseleave,mouseout,mouseover,jQuery 1.7事件类型略有不同;
3、delegate事件绑定的元素上有“events”自定义属性,事件属性中有“live”;
好多有意思的东东,还是继续再看jQuery源码吧