JS中怎么获取input所在页面的绝对坐标_框架

你好，JS没有直接获取元素相对于页面的绝对坐标的方法。但是我们可以通过相关值的计算而得到。首先我们假设input元素ID为"J_MyInput"，然后看下面代码注释：

var input = documentgetElementById('J_MyInput'); // 根据ID取得元素对象

var sizeObj = inputgetBoundingClientRect(); // 取得元素距离窗口的绝对位置

// 窗口的滚动偏移（垂直、水平）

var bodyOffset = {top: documentbodyscrollTop, left: documentbodyscrollLeft};

// 元素相对于页面的绝对位置 = 窗口滚动偏移 + 元素相对于窗口的绝对位置

var inputOffsetTop = sizeObjtop + bodyOffsettop; // 距顶部

var inputOffsetLeft = sizeObjleft + bodyOffsetleft; // 距左侧

希望能解决你的问题，有疑问可追问，望采纳~

1、新建一个html文件。

2、在html页面上创建一个点击的button按钮。

3、为button添加点击时创建一个新的div事件。使用documentcreateElement("div")创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到<body>显示。

4、为button按钮添加点击是创建新div事件。

5、保存好html文件后使用浏览器打开，点击button按钮会执行已经写好的创建div的事件。

以上就是关于JS中怎么获取input所在页面的绝对坐标全部的内容，包括:JS中怎么获取input所在页面的绝对坐标、如何用js 获取一个div的坐标、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

JS中怎么获取input所在页面的绝对坐标