Encuadernación a la rueda de desplazamiento cuando está sobre un div

Estoy creando un editor de imágenes en el navegador y tengo el código para todos mis controles. Ahora me gustaría asignar teclas de acceso rápido y botones del mouse. El teclado es fácil, pero el mouse no.

Necesito detectar cuándo el mouse está sobre el div de lienzo y cuando la rueda del mouse se mueve por encima. El mouse sobre la parte no es difícil, se une a la rueda del mouse con la que tengo problemas.

Lo intentéjQuery.scroll pero eso solo parece funcionar si eldiv debajo de la rueda está configurado para desplazarse por sí mismo. Micanvas no es. Su desplazamiento se controla a través de mis scripts.

Cosas a tener en cuenta:

Estoy usando jQuery como mi base.No estoy desplazando realmente nada, estoy tratando de vincular y evento a la rueda de desplazamiento sin realmente desplazarme.Estructura
<div id="pageWrap">
    [page head stuff...]
    <div id="canvas">
        [the guts of the canvas go here; lots of various stuff...]
    <div>
    [page body and footer stuff...]
</div>

Respuestas a la pregunta(5)

Su respuesta a la pregunta