jQuery获取元素中的鼠标位置

Question

jQuery获取元素中的鼠标位置

我希望创建一个控件，用户可以在其中单击一个div，然后拖动鼠标，然后松开鼠标，以表明他们想要的东西有多长时间。(这是用于日历控件，因此用户将指示某个事件的时间长度)

看起来最好的方法是在父div上注册一个“mousedown”事件，然后在div上注册一个“moousemove”事件，直到触发一个“mouseup”事件。“mousedown”和“mouseup”事件将定义时间范围的开始和结束，当我跟踪“moousemove”事件时，我可以动态地更改范围的大小，以便用户能够看到他们正在做的事情。我是根据谷歌日历中事件的创建方式得出这个结论的。

我遇到的问题是jQuery事件似乎只提供了引用整个页面的可靠鼠标坐标信息。有什么方法可以分辨出引用父元素的坐标吗？

Answer 1

获取单击相对于当前单击元素的位置使用此代码$("#specialElement").click(function(e){     var x = e.pageX - this.offsetLeft;     var y = e.pageY - this.offsetTop;});