需要在javascript中捕获鼠标位置

Question

如何使用 javascript 和画布捕获鼠标的位置？

当我转到此页面时：http://billmill.org/static/canvastutorial/mouse.html

他们显示：

function init_mouse() {
  canvasMinX = $("#canvas").offset().left;
  canvasMaxX = canvasMinX + WIDTH;
}

function onMouseMove(evt) {
  if (evt.pageX > canvasMinX && evt.pageX < canvasMaxX) { //how can you access the canvasMinX when its out of scope?
//also, what is pageX? is it the coordinate of the mouse? if not, how do i get it?
    paddlex = evt.pageX - canvasMinX;
  }
}

$(document).mousemove(onMouseMove);

最后，我需要在单击鼠标时发生这种情况。所以我这样做：

$(document).mouseclick(onMouseClick)

是这样吗？

Answer 1

这是关于如何使用 JS 实现它的最佳解释： JavaScript Capture Mouse XY Position脚本 - 快速入门迷你教程

Answer 2

试试这个...希望有帮助。

    $("#divClick").click(function (e) {
            var posX = $(this).position().left;
            var posY = $(this).position().top;
            var cursorX = (e.pageX - posX);
            var cursorY = (e.pageY - posY);
            //cursorX, cursorY is the absolute position of the mouse pointer
});