• javascript 获取标签具体位置


    //var temp = document.getElementById("test_2");
    //temp.style.position = "absolute";
    //temp.style.top = pos.y + "px";
    //temp.style.left = pos.x + "px";


    //获取对象的X,Y位置  接受对象 不接收ID
    function getElementPos(el) {
     var ua = navigator.userAgent.toLowerCase();
     var isOpera = (ua.indexOf('opera') != -1);
     var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof
     if(el.parentNode === null || el.style.display == 'none'){
      return false;
     }
     var parent = null;
     var pos = [];
     var box;
     if(el.getBoundingClientRect){//IE
      box = el.getBoundingClientRect();
      var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
      var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
      return {x:box.left + scrollLeft, y:box.top + scrollTop};
     }else if(document.getBoxObjectFor){// gecko
      box = document.getBoxObjectFor(el);
      var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0;
      var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0;
      pos = [box.x - borderLeft, box.y - borderTop];
     }else{// safari & opera
      pos = [el.offsetLeft, el.offsetTop];
      parent = el.offsetParent;
      if (parent != el) {
       while (parent) {
        pos[0] += parent.offsetLeft;
        pos[1] += parent.offsetTop;
        parent = parent.offsetParent;
       }
      }
      if (ua.indexOf('opera') != -1  || ( ua.indexOf('safari') != -1 && el.style.position == 'absolute' )){
       pos[0] -= document.body.offsetLeft;
       pos[1] -= document.body.offsetTop;
      }
     }
     if (el.parentNode) { parent = el.parentNode; }
     else { parent = null; }
     while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML'){ // account for any scrolled ancestors
      pos[0] -= parent.scrollLeft;
      pos[1] -= parent.scrollTop;
      if (parent.parentNode) { parent = parent.parentNode; }
      else { parent = null; }
     }
     return {x:pos[0], y:pos[1]};
    }

  • 相关阅读:
    TinyOS在ubuntu 14.04下安装教程
    C++ STL标准入门
    C++ 模板
    多态
    C++继承
    C++类型转换 -- 由其他类型转换到自定义类型
    运算符重载
    友元
    typedef用法
    c++细节--section1
  • 原文地址:https://www.cnblogs.com/zengwei/p/1718411.html
Copyright © 2020-2023  润新知