HTML5 Canvas에 이벤트를 첨부하는 방법은 무엇입니까?

그래서 난 당신이 직접 할 수있는 알고HTML5 Canvas에 이벤트를 첨부하는 방법은 무엇입니까?

는 는

어떻게에만 코드에서 이벤트를 첨부 할 것

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

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

나는 일을 시도 :

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

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

그러나이 작동하지 않고 해봐요 호출되지 않습니다 ... 무슨 일이 내가 잘못 뭐하는 거지?

출처

2011-04-27 Teveria

작품 : http://jsfiddle.net/fkling/6CdrS/는 DOM이로드 될 때 코드가 실행되어 있는지 확인합니다. 나는. 'body.onload'에 콜백을 첨부하거나 페이지 하단 (또는 일반적으로 canvas 요소 뒤에)에 코드를 삽입하십시오. 또한 캔버스 요소를 제대로 닫으십시오. –

하는 등, 또는 addEventListener를 사용하여 시도 :

canvas.addEventListener ("mousedown" 함수() {}); 나를 위해

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

출처

2011-04-27 14:33:10 TJHeuvel

차이를 만들어서는 안됩니다. IE에서 'canvas.attachEvent'가 있어야한다는 것을 언급해야합니다. –

레코드 용으로 addEventListener는 IE9에서 작동합니다. –

HTML5 Canvas에 이벤트를 첨부하는 방법은 무엇입니까?

답변

관련 문제