Привязка к колесу прокрутки при работе с div

Я создаю редактор изображений в браузере, и у меня есть код для всех моих элементов управления. Теперь я хочу отобразить горячие клавиши и кнопки мыши. Клавиатура проста, а мышь - нет.

Мне нужно определять, когда мышь находится над div холста и когда колесо мыши перемещается над ним. Наведение мыши на часть не сложно, у меня проблемы с привязкой к колесу мыши.

Я пробовал jQuery. scroll , но это работает только в том случае, если div под колесом настроен на саму прокрутку. Моего холста нет. Его смещение контролируется моими скриптами.

На заметку:

• Я использую jQuery в качестве основы.
• На самом деле я ничего не прокручиваю, я пытаюсь привязать и событие к колесу прокрутки без прокрутки.

Структура

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