获得窗口div坐标及大小(typescript)

  • 获得iframe uiWin的location信息
let a =  window.parent.document.querySelector('#uiWin').getBoundingClientRect();
  • 获得窗口div坐标及大小(支持浏览器任意情况)
//获得窗口div坐标及大小(支持浏览器任意情况)
GetDivPosition(e: MouseEvent) {
    let divObj = this.$refs['refVideo'] as any;
    let h = divObj.offsetHeight;//div 高度
    let w = divObj.offsetWidth;//div 宽度
    let y = divObj.offsetTop;//div左上y坐标(相对浏览器)
    let x = divObj.offsetLeft; //div左上x坐标  
    let xParam = (e.screenX - e.clientX);//e.screenX鼠标点击时距离屏幕左边距离,e.clientX鼠标点击时距离浏览器左边距离。二者差得到浏览器左边到屏幕左边距离。
    let yParma = (e.screenY - e.clientY);
    let obj = { x: x + xParam , y: y + yParma, w: w, h: h };
    console.log(JSON.stringify(obj));
    return obj;
}
原文地址:https://www.cnblogs.com/anjun-xy/p/14646569.html