Как прикрепить событие к HTML5 Canvas?

Question

Так что я знаю, что вы можете напрямую сделать:

<canvas id="someCanvas" onmousedown="blah();">

<script>
function blah() {
dosomething();
}
</script>

Как бы я прикрепил событие только в коде?

Я пытался сделать:

var canvas = document.getElementById("someCanvas");

canvas.onmousedown = function() {
  doSomething();
}

Но это не работает и doSomething не вызывается ... что я делаю не так?

Answer 1

Попробуйте использовать AddEventListener, например:

canvas.addEventListener ("mousedown", function () {});

https://developer.mozilla.org/en/DOM/element.addEventListener