开发学院网页设计JavaScript Jquery源码分析---Event分析 阅读

Jquery源码分析---Event分析

 2010-09-14 13:36:25 来源:WEB开发网   
核心提示: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;
},

1 2 3 4 5 6  下一页

Tags:Jquery 源码 分析

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
更多精彩
    赞助商链接

    热点阅读
      焦点图片
        最新推荐
          精彩阅读