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画布鼠标滚轮事件

回答

相关问题