scrollHeight //获取对象的滚动高度
scrollLeft //设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop //设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth //获取对象的滚动宽度
offsetHeight //获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft //获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop //获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX //相对文档的水平座标
event.clientY //相对文档的垂直座标
event.offsetX //相对容器的水平坐标
event.offsetY //相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX + document.documentElement.scrollTop //相对文档的水平座标+垂直方向滚动的量

if (document.addEventListener) {
  element.addEventListener(event, eventFunction);//IE之外的绑定事件方法
}else{
  element.attachEvent(event, eventFunction);//IE 
}

var eventX = e.pageX - scrollX || e.clientX ;
var eventY = e.pageY - scrollY || e.clientY ;

function fnGetTable(oEl) {
  while (null !== oEl && $(oEl).attr("自定义属性") !== "特定属性值" && target.tagName !== "BODY") {
    oEl = oEl.parentElement;
  }
  return oEl;
}

if (document.addEventListener) {
  element.addEventListener(event, clickOutside);//IE之外的绑定事件方法
}else{
  element.attachEvent(event, clickOutside);//IE 
}

function clickOutside() {  
  var list = {}; //队列, 对象为id和callback事件
  return function(id, cb) {
    list.id.push(id); //id队列
    list.cb[id] = cb; //callback事件队列
    //绑定点击事件
    $(document).off("click").on("click", function(e) {
      var e = e || window.event,
        eventX = e.pageX - scrollX || e.clientX,
        eventY = e.pageY - scrollY || e.clientY,
        target = document.elementFromPoint(eventX, eventY),
        id = $(target).attr("id");
      //判断当前事件位置是否有ID队列里元素
      while (list.id.indexOf(id) == -1 && target.tagName != "BODY") {
        target = target.parentElement;
        id = $(target).attr("id");
      }
      //若有相关元素，则调用对应callback事件，完了移出队列
      for (i in list.id) {
        if (list.id[i] != id) {
          list.cb[list.id[i]]();
          list.cb.splice(list.id[i], 1);
          list.id.splice(i, 1);
        }
      }
      //若队列为空，关闭事件绑定
      if (!list.id.length) $(document).off("click");
    });
  };
}