模擬鼠標在畫布上向下和向上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。