Jquery源码分析－－-Event分析

核心提示：6.1 event的包裹浏览器的事件兼容性是一个令人头疼的问题，IE的event在是在全局的window下，Jquery源码分析－－-Event分析，而mozilla的event是事件源参数传入到回调函数中，还有很多的事件处理方式也一样，fix : function(event) { if (event[expando

6.1 event的包裹

浏览器的事件兼容性是一个令人头疼的问题。IE的event在是在全局的window下，而mozilla的event是事件源参数传入到回调函数中。还有很多的事件处理方式也一样。

Jquery提供了一个 event的包裹，这个相对于其它的lib提供的有点简单，但是足够使用。

//对事件进行包裹。
　　fix : function(event) {
　　　 if (event[expando] == true) return event;//表明事件已经包裹过
　　　 //保存原始event,同时clone一个。
　　　 var originalEvent = event;　　　　　　　　　　　　　　　 ①
　　　 event = {　originalEvent : originalEvent};
　　　 for (var i = this.props.length, prop;i;) {
　　　　　 prop = this.props[--i];
　　　　　 event[prop] = originalEvent[prop];
　　　 }　　　
　　　 event[expando] = true;　　　
　　　 //加上preventDefault and stopPropagation，在clone不会运行
　　　 event.preventDefault = function() {　　　　　　　　　 ②
　　　　　 // 在原始事件上运行
　　　　　 if (originalEvent.preventDefault)
　　　　　　　originalEvent.preventDefault();
　　　　　 originalEvent.returnValue = false;
　　　 };
　　　 event.stopPropagation = function() {
　　　　　 // 在原始事件上运行
　　　　　 if (originalEvent.stopPropagation)
　　　　　　　originalEvent.stopPropagation();
　　　　　 originalEvent.cancelBubble = true;
　　　 };
　　　 // 修正 timeStamp
　　　 event.timeStamp = event.timeStamp || now();
　　　 // 修正target
　　　 if (!event.target)　　　　　　　　　　　　　　　　　　　 ③
　　　　　 event.target = event.srcElement || document;　　　　
　　　 if (event.target.nodeType == 3)//文本节点是父节点。
　　　　　 event.target = event.target.parentNode;
　　　 // relatedTarget
　　　 if (!event.relatedTarget && event.fromElement)　　　④
　　　　　 event.relatedTarget = event.fromElement == event.target
　　　　　　　　　? event.toElement : event.fromElement;
　　　 // Calculate pageX/Y if missing and clientX/Y available
　　　 if (event.pageX == null && event.clientX != null) {　⑥
　　　　　 var doc = document.documentElement, body = document.body;
　　　　 event.pageX = event.clientX
　　　　　　　+ (doc && doc.scrollLeft || body && body.scrollLeft || 0)
　　　　　　　　　- (doc.clientLeft || 0);
　　　　　 event.pageY = event.clientY
　　　　　　　+ (doc && doc.scrollTop || body && body.scrollTop || 0)
　　　　　　　　　- (doc.clientTop || 0);
　　　 }
　　
　　　 // Add which for key events
　　if (!event.which　&& ((event.charCode || event.charCode === 0) ⑦
　　　　　　　　　　 ? event.charCode　: event.keyCode))
　　　　　 event.which = event.charCode || event.keyCode;
　　
　　// Add metaKey to non-Mac browsers
　　　 if (!event.metaKey && event.ctrlKey)　　　　　　　　　　　　⑧
　　　　　 event.metaKey = event.ctrlKey;
　　// Add which for click: 1 == left; 2 == middle; 3 == right
　　// Note: button is not normalized, so don't use it
　　　 if (!event.which && event.button)　　　　　　　　　　　　　⑨
　　　　　 event.which = (event.button & 1 ? 1 : (event.button & 2
　　　　　　　　　? 3 : (event.button & 4 ? 2 : 0)));
　　　 return event;
},