获得窗口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;
}

posted on 2021-04-12 09:21  anjun_xf  阅读(452)  评论(0编辑  收藏  举报

导航

TOP