.remove 定义了四个参数 elem网赌正规网站网址

.remove 所作的事情与上一篇提到的.add
刚好相反。且与.add中的处理代码一一对应,即 .add
中有多少种添加事件的方式.remove就有对应的删除方式。

.remove 定义了四个参数 elem网赌正规网站网址。.remove 定义了四个参数 elem, types, handler, pos
。从字面上看四个参数的意义很明了

elem.remove 定义了四个参数 elem网赌正规网站网址。 为HTMLElement

types 为String类型,事件名称如’click’或’mouseover mouseout’

handler 为Function类型,事件回调函数

pos 为Number类型,指定数组位置

但.remove内部没这么简单,如1,handler
有时会传布尔类型false,这时会把handler赋值为另一个函数。 复制代码 代码如下: if { handler = returnFalse;
} 2, types
有时会为一个对象,这时真正的handler是types.handler,types是types.type。
复制代码 代码如下: // types is actually
an event object here if ( types && types.type ) { handler =
types.handler; types = types.type; }
我们知道变量命名要具有意义,名副其实而避免误导。从这个意义上讲,jQuery中存在大量这样的写法,一个变量往往具有多种含义,晦涩难读。如这里的types,应该是String类型,但实际内部对typeos为Object类型也做了处理。这是JS没有类型检查的原因导致。反过来讲这种语言会比较灵活,jQuery才如此
紧凑,内聚。 闲言少叙,看看.remove方法都做了哪些事。
1、当只传elem时,会将elem上添加的所有事件都删除。如$
2、当types为String,且以点号开头时将删除该命名空间下的事件。如$.unbind。会把添加click.name,mouseover.name等都删除。
对应的代码如下 复制代码 代码如下: //
Unbind all events for the element if ( !types || typeof types ===
“string” && types.charAt { types = types || “”; for {
jQuery.event.remove; } return; } 我们发现for in中是个递归调用。
如果这么调用 jQuery.event.remove
那么是不会走上面的递归的,而是直接进入了while循环 复制代码 代码如下: while ( ) { … }
这是标准的删除事件的流程。大概步骤如下
1、判断事件名称是否具有命名空间,如果没有命名空间则删除该事件名称下的所有事件。否则只删除命名空间的某事件。
2、取得事件数组(eventType = events[ type
]),如果没有传handler则表示删除该类型事件的所有hanlder,否则只删除该事件类型的指定handler。
3、对特殊事件的处理
4、最后对elemData进行处理,如果events为空对象则删除elemData的events和handle属性。如
复制代码 代码如下: // Remove the expando
if it’s no longer used if ( jQuery.isEmptyObject { var handle =
elemData.handle; if { handle.elem = null; } delete elemData.events;
delete elemData.handle; if ( jQuery.isEmptyObject { jQuery.removeData(
elem, undefined, true ); } }

jQuery事件管理数据结构图:

相关文章

发表评论

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

网站地图xml地图