javascript - 如何在javascript中获取div被点击的部分？

Question

我正在尝试复制诸如音量 slider 或视频搜索栏之类的东西，当用户单击某个点时，指示器会跳转到该位置。

为此，我尝试获取 div 上点击事件的位置。当用户单击我的 div 上的某个位置时，我尝试返回 x 、 y 坐标。

到目前为止，我只有一个 div 和一个基本的监听器:

<div class="heybro" style="width:100px;height:100px;background:black;"></div>

$('.heybro').click(function(){
    alert("something");
});

Answer 1

尝试在点击处理程序中使用event对象:

$('.heybro').click(function(e) {
  console.log("click location in page:");
  console.log(e.pageX, e.pageY);
  var offset = $(this).offset()
  console.log("click location in div:");
  console.log(e.pageX - offset.left, e.pageY - offset.top);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="heybro" style="width:100px;height:100px;background:black;"></div>

查看此答案以了解更多详细信息:https://stackoverflow.com/a/3236129/123415