模拟鼠标在画布上向下和向上html5页面

Question

如何模拟鼠标向下并随后在aspx页面的画布hmtl5部分上进行鼠标向上事件？

我在网上搜索，发现这个......但我不能将它关联到我的画布html5元素，任何人都可以帮忙吗？

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

Answer 1

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

$('#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); 

一个纯JavaScript解决方案见this old SO question。