显示在哪里点击的位置

Question

有人可以告诉我如何显示鼠标点击的位置。我不要求对点击显示DIV位置......我要求的，如果我有：

<div id="div123" style="width: 300px; height: 300px;"></div> 

和jQuery：

$("#div123").click(function(){ 

var x = $("WHERE MOUSE CLICKED INSIDE #div123").position(); 

}); 

Answer 1

我还没有尝试过，但这应该工作

$('#div123').click(function(e) { 
    var posX = $(this).position().left 
    var posY = $(this).position().top; 
    alert((e.pageX - posX) + ' , ' + (e.pageY - posY)); 
}); 

Answer 2

您需要在函数中处理事件对象。

$("#div123").click(function(e){ 
    e.pageX; 
    e.pageY; 
}); 

event.pageX

相对于文档的左边缘的鼠标位置。

event.pageY

相对于文档顶边的鼠标位置。

检查文档： https://api.jquery.com/category/events/event-object/