js获取触发事件元素的坐标

简介: function Point(iX, iY){     this.x = iX;     this.y = iY; }   function fGetXY(aTag){         var oTmp=aTag;     var pt = new Point(0,0);     do {                 pt.

 

function Point(iX, iY){
    this.x = iX;
    this.y = iY;
}

 

function fGetXY(aTag){    
    var oTmp=aTag;
    var pt = new Point(0,0);
    do {        
        pt.x += oTmp.offsetLeft;
        pt.y += oTmp.offsetTop;
        oTmp = oTmp.offsetParent;
    } while(oTmp.tagName!="BODY");
    
    return pt;
}

 

如果想在触发事件的元素(例如文本框假如是myinput)下面弹出一个div

        获取触发事件的元素

       var myinput = window.event.srcElement;

        设置弹出元素的位置

        div.left = point.x; 
        div.top = point.y+myinput.offsetHeight+1; 
        div.style.visibility = 'visible';

目录
相关文章
|
18天前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
15天前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
29 2
|
2天前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
16 6
|
10天前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
28 4
|
11天前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
30 4
|
1月前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
38 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
|
15天前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
27 1
|
5天前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
12 0
|
1月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
20 5
|
28天前
|
JavaScript 前端开发
JavaScript HTML DOM 元素 (节点)
JavaScript HTML DOM 元素 (节点)
24 2