Javascript 在画布html5页面上模拟鼠标上下移动

如何在aspx页面的画布hmtl5部分上模拟鼠标按下然后接着鼠标上升事件

我在网上搜索发现了这个。。。但我无法将其与画布html5元素相关联，有人能帮忙吗

dispatchMouseEvent(element, 'mouseover', true, true);
dispatchMouseEvent(element, 'mousedown', true, true);
dispatchMouseEvent(element, 'click', true, true);
dispatchMouseEvent(element, 'mouseup', true, true);

“模拟”事件非常容易，事实上，您可以简单地触发它们。使用jQuery，这将成为孩子们的游戏（参见工作示例）：

---

有关纯javascript解决方案，请参阅。

因此我的画布元素称为“myCanvas”。我如何用上面的代码来模拟鼠标上下移动事件？我试着将上面的代码放在一个函数中，当函数启动时，代码永远不会被调用。你问的问题基本上都是基本问题，应该是一个不错的开始。另外，请注意，上述代码实际上取决于库。如果您不打算在代码中的某个点实际执行函数，那么声明函数当然是毫无意义的。调用该函数，并执行该函数中除jquery事件模拟片段部分以外的所有其他代码。

pageX

和

pageY

是只读道具。你是怎么给他们写信的？你可能会找到的。请阅读完整的答案<代码>DispatchMouseeEvent是此处的用户定义函数。

$('#canvas_element').on("mousedown mouseup", function(e) {
console.log(e.type + " event fired at coords: " + e.pageX + ", " + e.pageY);
});

x_coord = 1;
y_coord = 1;

var e = jQuery.Event( "mousedown", { pageX: x_coord, pageY: y_coord } );
$('#canvas_element').trigger(e);

// execute more code
x_coord = 255;
y_coord = 255;

var e = jQuery.Event( "mouseup", { pageX: x_coord, pageY: y_coord } );
$('#canvas_element').trigger(e);