クリックした位置を表示

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

文書の上端にマウス位置。

チェックDOC： https://api.jquery.com/category/events/event-object/