необходимо захватить положение мыши в JavaScript

Question

как мне зафиксировать положение мыши с помощью javascript и canvas?

когда я перехожу на эту страницу: 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-скрипт захвата мыши 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
});