1.9.1源码分析系列(十)事件系统之事件包装(2)

keyHooks.filter: function( event, original ) { //给键盘事件添加which特征值 if ( event.which == null ) { event.which = original.charCode != null ? original.charCode : original.keyCode; } return event; }

或这jQuery.event.mouseHooks.filter

mouseHooks.filter: function( event, original ) { var body, eventDoc, doc,   button = original.button,   fromElement = original.fromElement; //如果事件pageX/Y特征不见了,用可用的clientX/Y来计算出来 if ( event.pageX == null && original.clientX != null ) { eventDoc = event.target.ownerDocument || document; doc = eventDoc.documentElement; body = eventDoc.body; event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 ); event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 ); } //如果必要的话添加relatedTarget特征 if ( !event.relatedTarget && fromElement ) { event.relatedTarget = fromElement === event.target ? original.toElement : fromElement; } //添加点击事件which特征值: 1 === left; 2 === middle; 3 === right //备注:button不标准,因此不要是使用 if ( !event.which && button !== undefined ) { event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) ); } return event; }

构建完成的最新事件对象如下(以鼠标事件为例)

  

1.9.1源码分析系列(十)事件系统之事件包装

原生的事件保存在了originalEvent中,target保存了目标节点(委托的节点、事件源),其他信息略过

b. 重载事件方法

  构建新的事件对象event = new jQuery.Event( originalEvent )时,事件会继承jQuery.event.prototype中的方法。来看一看有哪些方法

  

1.9.1源码分析系列(十)事件系统之事件包装

  前面分析了jQuery.event.prototype中重载了stopPropagation方法的作用:处了调用事件对象的阻止冒泡方法以外,还有一个作用就是被委托节点有多个被委托事件处理等待处理时,其中一个事件调用了event.stopPropagation()将阻止后续事件处理的执行。点击这里搜索关键字查看

  preventDefault函数也是有类似的作用。preventDefault函数中增加了这段代码

this.isPropagationStopped = returnTrue;

在触发事件trigger函数和模拟冒泡simulate函数中都会根据isPropagationStopped()判断是否要执行DOM节点的默认操作。源码如下

isImmediatePropagationStopped是stopPropagation特殊用法,isImmediatePropagationStopped会直接阻止掉当前的处理和后面等待执行的事件处理,而stopPropagation会执行完当前的处理,然后阻止后面等待执行的事件处理。

源码如下

// jQuery.Event基于DOM事件所指定的ECMAScript语言绑定 // jQuery.Event.prototype = {   isDefaultPrevented: returnFalse,   isPropagationStopped: returnFalse,   isImmediatePropagationStopped: returnFalse,   preventDefault: function() {     var e = this.originalEvent;     this.isDefaultPrevented = returnTrue;     if ( !e ) {return; }     if ( e.preventDefault ) {       e.preventDefault();     //IE支持     } else {       e.returnValue = false;     }   },   stopPropagation: function() {     var e = this.originalEvent;     this.isPropagationStopped = returnTrue;     if ( !e ) {return; }     if ( e.stopPropagation ) {       e.stopPropagation();     }     // IE支持     e.cancelBubble = true;   },   stopImmediatePropagation: function() {     this.isImmediatePropagationStopped = returnTrue;     this.stopPropagation();   } }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgzjwd.html