HTML5畫布鼠標滾輪事件

我似乎無法得到onMouseWheel事件在Firefox中的HTML5畫布。下面的代碼片段將按預期在Chrome和IE9，但在Firefox我只收到click事件：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 support的mousewheel事件。（我只是在Firefox 4測試，好像它仍然不支持它。）

可以使用DOMMouseScroll事件，而不是，但你無法通過DOM屬性附加。你必須使用的addEventListener代替。

這裏是a jsFiddle example使用jQuery做。

來源

2011-03-23 20:49:04

感謝彌敦道，在FF 4.工作原理是，一個Firefox，只有事件？ – Ryan 2011-03-23 21:45:23

@Ryan我相信如此。 – 2011-03-24 00:27:37

HTML5畫布鼠標滾輪事件

回答

相關問題