HTML5画布鼠标滚轮事件

时间:2011-03-23 18:47:47

标签: firefox html5 canvas

我似乎无法在Firefox的HTML5画布中获取onMouseWheel事件。以下代码段在Chrome和IE9中按预期工作,但在Firefox中我只收到点击事件:

<!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元素的标准事件。我做错了吗?

1 个答案:

答案 0 :(得分:11)

Firefox does not support mousewheel事件。 (我刚刚在Firefox 4中测试过,似乎不支持它。)

您可以改为使用DOMMouseScroll事件,但无法通过DOM属性进行附加。你必须使用addEventListener。

这是a jsFiddle example使用jQuery来完成它。