2016-08-03 82 views
0

如何用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

我也试图与clientXclientY,但问题依然存在..

有没有人有一个想法,如何解决这一问题问题?不知道这里发生了什么。

谢谢,非常感谢!

编辑:

canvas1 = $("#canvas"); 

回答

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

这似乎并不奏效......你的意思是必须在文档上触发。我必须做$(document).trigger(e)吗? –

+0

谢谢,让它工作。 –

0

好吧,这可能有助于然后,(编辑答案) How to simulate a click by using x,y coordinates in JavaScript?

+0

我触发了一个自定义的鼠标移动事件,我想在该事件中指定自定义坐标。对不起,如果你误解了我的问题。 –

+0

看起来不行,可能是因为它点击了元素。我也想将事件触发到画布上。当事件被触发时,我想要调用一个鼠标移动事件,并且e.pageX + e.pageY将是一个自定义坐标。谢谢您的帮助。 –