js获取触发事件元素在整个网页中的绝对坐标(示例代码)
作者:互联网
2025-08-05
如下所示:
复制代码代码如下:
//返回数组类型
function findPosition(oElement) {//oElement 当前元素
if (typeof (oElement.offsetParent) != 'undefined') {
for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {
posX += oElement.offsetLeft;
posY += oElement.offsetTop;
}
}
var array = [posX, posY];
return array;
}
//获取触发事件的控件在整个页面的绝对的X坐标
function findPositionX(oElement) {
if (typeof (oElement.offsetParent) != 'undefined') {
for (var posX = 0; oElement; oElement = oElement.offsetParent)
{
posX += oElement.offsetLeft;
}
}
return posX;
}
//获取触发事件的控件在整个页面的绝对的Y坐标
function findPositionY(oElement) {
if (typeof (oElement.offsetParent) != 'undefined') {
for (var posY = 0; oElement; oElement = oElement.offsetParent) {
posY += oElement.offsetTop;
}
}
return posY;
}
相关标签:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
5.响应式系统比对:手写 React 响应式状态库 Mobx
踩坑分享:Vite Plus 最佳实践
VTJ核心引擎开源项目概览
你的 Vue 3 TS 类型声明,VuReact 会处理成什么样的 React?
Element Plus 主题构建方案
Vue 组件间通信
你的 Vue 3 <script setup>,VuReact 会编译成完整的 React 组件
vue3+typescript+vite封装自己的UI组件库并上传至npm
都知道AI大模型能生成文本内容,那你知道大模型是怎样生成文本的吗?
vue3 数据响应式遇到的问题
AI精选
