HTML5 Canvas Mouse Wheel Event - PullRequest
       3

HTML5 Canvas Mouse Wheel Event

8 голосов
/ 23 марта 2011

Я не могу получить события onMouseWheel на холсте HTML5 в Firefox.Следующий фрагмент работает должным образом в 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>

В соответствии со спецификациями, которые я видел, onMouseWheel должно быть стандартным событием для элементов HTML5.Я что-то не так делаю?

1 Ответ

11 голосов
/ 23 марта 2011

Firefox не поддерживает событие mousewheel.(Я только что протестировал в Firefox 4 и похоже, что все еще не поддерживает его.)

Вместо этого вы можете использовать событие DOMMouseScroll, хотя вы не можете присоединиться через DOMприписывать.Вместо этого вы должны использовать addEventListener.

Вот пример jsFiddle с использованием jQuery для этого.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...