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/

显示单击的位置

2 个答案: