javascript - 如何在画布元素上触发事件

Question

我想在元素上触发点击或按键事件。

<div class="wrapper">
<canvas class="box-shadow" id="canvas" width="640" height="640"></canvas>
</div>

我这样做了：

$(".wrapper").click();  

这是行不通的。

如何从 jquery/javascript 触发事件。（我无法更改此 html 文件。）

Answer 1

您可以使用 jQuery.trigger()以编程方式“触发”事件：

$('.wrapper').click(function(){
    alert("testing");
});

// will result in the click event handler being called
$(".wrapper").trigger("click");

见jsFiddle

Answer 2

var canvas = document.getElementById('canvas');    
canvas.addEventListener("click", doSth, false);

function doSth() {
    // do anything you want here;
}

Answer 3

我不确定您要的是什么，但可能是这样的：

小提琴：http: //jsfiddle.net/PBcBc/

$('.wrapper').on('click', function() {
  alert('clicked');
});