位置: 编程技术 - 正文
jquery事件绑定解绑机制源码解析(jquery中绑定和解绑的事件有哪些)
编辑：rootadmin推荐整理分享jquery事件绑定解绑机制源码解析(jquery中绑定和解绑的事件有哪些)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery事件绑定方法,jquery绑定onchange事件的方法,jquery常用的事件绑定函数有哪些,jquery绑定事件和移除事件,jquery中绑定和解绑的事件有哪些,jquery绑定事件和移除事件,jquery中绑定和解绑的事件有哪些,jquery中绑定和解绑的事件有哪些,内容如对您有帮助，希望把文章链接给更多的朋友！
引子
为什么Jquery能实现不传回调函数也能解绑事件？如下：
事件绑定解绑机制
调用on函数的时候，将生成一份事件数据，结构如下：
并将该数据加入到元素的缓存中。jquery中每个元素都可以有一个缓存（只有有需要的时候才生成），其实就是该元素的一个属性。jquery为每个元素的每种事件都建立一个队列，用来保存事件处理函数，所以可以对一个元素添加多个事件处理函数。缓存的结构如下：
当要解绑事件的时候，如果没指定fn参数，jquery就会从该元素的缓存里拿到要解绑的事件的处理函数队列，从里面拿出fn参数,然后调用removeEventListener进行解绑。
源代码
代码注释可能不太清楚，可以复制出来看
jquery原型中的on,one,off方法：
事件绑定从这里开始
独立出来供one和on调用的on函数：
处理参数的代码也可以看一下，实现on("click",function(){})这样调用 on:function(types, selector, data, fn)也不会出错。其实就是内部判断，如果data, fn参数为空的时候，把selector赋给fn
event对象是事件绑定的一个关键对象：
这里处理把事件绑定到元素和把事件信息添加到元素缓存的工作：
千万注意，对象和数组传的是引用！比如将事件数据保存到缓存的代码：
handlers的改变，events[ type ]会同时改变。
dataPriv就是管理缓存的对象：
其工作就是给元素创建一个属性，这个属性是一个对象，然后把与这个元素相关的信息放到这个对象里面，缓存起来。这样需要使用到这个对象的信息时，只要知道这个对象就可以拿到：
上一篇：Query常用DIV操作获取和设置长度宽度的实现方法(div.remove)
下一篇：在Web项目中引入Jquery插件报错的完美解决方案(图解)(在web项目中引入什么)
