HTML5 캔버스 마우스 휠 이벤트

Firefox의 HTML5 캔버스에서 onMouseWheel 이벤트를 가져올 수 없습니다. 크롬과 IE9에서 예상대로 다음 코드는 작동하지만, 파이어 폭스에서 난 단지 클릭 이벤트가 나타납니다 내가 본 사양에 따라 HTML5 캔버스 마우스 휠 이벤트

<!DOCTYPE html> 
<html> 
<body> 
<canvas id="TestCanvas" tabindex="2" onmousewheel="window.alert('wheel!')" onclick="window.alert('click!')" style="width:90%;height:90%;margin-left:auto;margin-right:auto border:1px solid green;"></canvas> 
</body> 
</html>

은으로 onMouseWheel는 HTML5 요소에 대한 표준 이벤트해야합니다. 내가 뭔가 잘못하고 있는거야?

출처

2011-03-23 Ryan

파이어 폭스 does not supportmousewheel 이벤트. (Firefox 4에서 방금 테스트했는데 처럼 보이지만 여전히은 지원하지 않습니다.)

DOM 속성을 통해 연결할 수는 없지만 DOMMouseScroll 이벤트를 대신 사용할 수 있습니다. 대신에 addEventListener를 사용해야합니다.

여기에 a jsFiddle example은 jQuery를 사용하여 작성되었습니다.

출처

2011-03-23 20:49:04

감사합니다. Nathan, FF 4에서 작동합니다. Firefox 전용 이벤트입니까? – Ryan

@ Ryan 나는 그렇게 믿는다. –

HTML5 캔버스 마우스 휠 이벤트

답변

관련 문제