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是附加的更好的事件。小提琴：http://jsfiddle.net/BBnuu/

是否可以通过触发器（'mouseup'）事件发送鼠标当前位置的x和y坐标？

1 个答案: