javascript - 是否可以通过触发器发送鼠标当前位置的 x 和 y 坐标。 ('mouseup')事件？

Question

我正在尝试制作一个绘图板，它可以不断发送鼠标的位置并每 1 秒注册一次“点击”。我已经尝试过了，但似乎不起作用 -

$( "#canvas" ).mouseover(function() {
    setInterval(function(){
            var mouseLocation = new jQuery.Event("mouseup");
             var x = mouseLocation.pageX ;
             var y = mouseLocation.pageY ;
            $('#canvas').trigger(mouseLocation);
            console.log('Interval function is working');
            console.log(mouseLocation.pageX);
        },400);
  });

控制台显示“间隔函数正在运行”，但显示 x 未定义

Answer 1

点击事件没有 x 和 y 坐标。要获取 x 和 y 坐标，您必须将 mousemove 或 mouseover 事件附加到元素。

$(function(){
    var canvas = document.getElementsByTagName("canvas")[0];
    var offset = $("canvas").offset();
    var a = document.getElementById("a");
    canvas.addEventListener("mousemove",function(event){
        a.innerText = (event.x - offset.left) + " " + (event.y - offset.top)
    })
})

因为您想要连续轮询 x 和 y 坐标，所以 mousemove 是附加的更好的事件。 fiddle :http://jsfiddle.net/BBnuu/