HTML5画布鼠标滚轮事件

Rya*_*yan 8 firefox html5 canvas

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

<!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>
Run Code Online (Sandbox Code Playgroud)

根据我见过的规范,onMouseWheel应该是HTML5元素的标准事件.难道我做错了什么?

Nat*_*ard 11

Firefox 不支持mousewheel事件.(我刚刚在Firefox 4中测试过,似乎仍然不支持它.)

您可以使用该DOMMouseScroll事件,但不能通过DOM属性附加.您必须使用addEventListener.

这是一个使用jQuery来执行此操作的jsFiddle示例.