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

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);

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

这是我得到的结果:

假鼠标移动事件调用成功! X:未定义 & Y:未定义

我也用 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);