热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

DOM元素上jQuery事件几点学习

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

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

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

这是一个绑定了事件的元素(bind)

我在这个元素上绑定两个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源码吧


推荐阅读
author-avatar
舞倾城2010_217
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有