firefox - HTML5 Canvas 鼠标滚轮事件

我似乎无法在 Firefox 的 HTML5 Canvas 中获取 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元素上的标准事件。我做错了什么吗？

最佳答案

火狐 does not support 鼠标滚轮 事件。 (我刚刚在 Firefox 4 中测试过，它似乎仍然不支持它。)

您可以改用 DOMMouseScroll 事件，但不能通过 DOM 属性附加。您必须改用 addEventListener。

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

关于firefox - HTML5 Canvas 鼠标滚轮事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5410084/