jQuery事件处理(三)

继续了解jQuery对浏览器兼容的处理

 1、keyHooks对键盘按键的封装

keyHooks: {

  // 一些键盘相关的属性
  props: "char charCode key keyCode".split(" "),

  // 新的event对象和原生的event对象作为参数传入filter
  filter: function( event, original ) {

    // 如果event中没有which属性,新声明一个which属性并赋值
    if ( event.which == null ) {

      // 原生event中如果有charCode,就将它的charCode赋值给event的which属性,否则将它的keyCode赋值给which属性
      event.which = original.charCode != null ? original.charCode : original.keyCode;
    }

    // 返回新的event

    return event;
  }
},

mouseHooks: {

  // 一些鼠标相关的属性
  props: "button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" ")

  // 传入新event和原生event
  filter: function( event, original ) {
    var eventDoc, doc, body,
    button = original.button;

    // 统一pageX/Y,如果没有就通过计算得到一个

    if ( event.pageX == null && original.clientX != null ) {

      // 拿到目标元素的根元素,默认是document
      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 );
    }

    // 如果event中没有which,并且原生event中有button属性
    if ( !event.which && button !== undefined ) {

      // 将button属性迁移到新event的which属性中
      event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
    }

    return event;
  }
}

上面的两个对象,会在jQuery内部调用event的fix方法时用到,进行event的修正。

接下来需要继续分析注册事件时到底往cache中存入了什么,以及为什么存这些数据。

posted @ 2013-12-10 21:49  charling  阅读(288)  评论(0编辑  收藏  举报