2011-03-23 11 views
8

Parece que no puedo obtener eventos de MoverWheel en un lienzo de HTML5 en Firefox. El siguiente fragmento funciona como se esperaba en Chrome e IE9, pero en Firefox que sólo reciben el evento click:HTML5 Canvas Mouse Wheel Evento

<!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> 

De acuerdo con las especificaciones que he visto, onMouseWheel debería ser un evento estándar en los elementos de HTML5. ¿Estoy haciendo algo mal?

Respuesta

11

Firefox does not support el evento mousewheel. (Acabo de prueba en Firefox 4 y parece que todavía no lo soporta.)

Usted puede utilizar el evento DOMMouseScroll lugar, aunque no se puede conectar a través del atributo DOM. Tienes que usar addEventListener en su lugar.

Aquí está a jsFiddle example usando jQuery para hacerlo.

+0

Gracias Nathan, eso funciona en FF 4. ¿Es ese un evento solo de Firefox? – Ryan

+0

@Ryan Creo que sí. –