Question

如何在jQuery中使用自定义坐标触发鼠标移动事件？

我尝试了以下内容：

canvas1.trigger('mousemove',{pageX: window.width/2 , pageY: window.height/2});

我也试过这个：

canvas1.trigger('mousemove',{pageX: 800 , pageY: 800});

然而，在事件中，pageX和pageY似乎未定义。

我在鼠标移动事件中调用了这个：

console.log("Fake mouse move event called successfully! X:", e.pageX, "& Y:", e.pageY);

我根本没有移动鼠标，所以我只能看到假事件。

这是我得到的结果：

Fake mouse move event called successfully! X: undefined & Y: undefined

我也尝试使用clientX和clientY，问题仍然存在。

有没有人知道如何解决这个问题？不知道这里发生了什么。

谢谢，非常感谢！

修改

canvas1 = $("#canvas");

Answer 1

见this answer。以下是如何在jQuery中创建事件并自定义其属性。

// create a jQuery event
e = $.Event('mousemove');

// set coordinates
e.pageX = 100;
e.pageY = 100;

// trigger event - must trigger on document
$(document).trigger(e);

Answer 2

那么这可能会有所帮助，（编辑答案） How to simulate a click by using x,y coordinates in JavaScript?

使用自定义坐标触发鼠标移动事件

2 个答案: