javascript - 单击 HTML5 Canvas

Question

出于测试原因，我想使用 javascript\jQuery 模拟 Canvas 上的点击，但我没有找到解决方案。这是我的代码:

var e = new jQuery.Event("click");
            e.pageX = X[index];
            e.pageY = Y[index];
            $("#gamecanvas").trigger(e);

这有可能吗？

例如这个game (我在网上随便搜了一下)如何从 JS\jQuery 中点击？

Answer 1

这取决于 Canvas 上使用的事件，无论是 click ， mousedown ，....等等

在你刚才提到的例子中，lucn事件使用了两个事件:

一个(mousemove)用于计算坐标得到clientX和clientY

第二个(mousedown)使用最后计算的坐标进行午餐球

所以你的代码应该是这样的:

var mousemove = new jQuery.Event("mousemove");
mousemove.clientX = x;//passed valuue
mousemove.clientY =y;//passed valuue

var mousedown = new jQuery.Event("mousedown");

$("#canvas").trigger(mousemove);
$("#canvas").trigger(mousedown);

这里是一个 pluncker，我在其中创建了一个脚本来使用传递的输入坐标投球，或者直接将球扔进篮子 :)

请参阅此处 livePlunker

查看网址代码 plunker

希望这会有所帮助: