首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >鼠标事件:从基本级别元素获取鼠标坐标

鼠标事件:从基本级别元素获取鼠标坐标
EN

Stack Overflow用户
提问于 2011-02-07 13:57:59
回答 1查看 222关注 0票数 0

我有一个类似于

代码语言:javascript
运行
复制
<div id="outer">  
     <div id="inner"></div>  
</div>

“外部”元素的鼠标事件。

我使用带有layerX和layerY值的jQuery的mouseup事件来访问事件的鼠标坐标。

当在“内部”元素上接收到点击时,它会给出点击相对于“内部”元素的坐标。有没有可能,当点击元素时,它会给出鼠标相对于外部元素的坐标

我所拥有内容的基本概述

代码语言:javascript
运行
复制
$('#outer').mouseup(function(e){  
    // do stuff with  
    //e.layerX  
    //e.layerY  
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-02-07 14:12:23

jQuery没有内置的方法来做这件事,但是你可以用你正在描述的方式来计算你正在寻找的东西。但是,更简单的方法是始终获取鼠标相对于文档的位置,然后减去#outer元素相对于文档的位置:

代码语言:javascript
运行
复制
var $outer = $('#outer');
$outer.mouseup(function(e) {
    var offset = $outer.offset();
    var x = e.pageX - offset.left;
    var y = e.pageY - offset.top;
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4918450

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档