Event javascript to scroll over an area or div

Question

I have a page where an area or div that does not have the Side Scrollbar, simply because it is not necessary.I would like to capture the event when the mouse rotates the roulette over that area because I wanted to use the mouse roulette for Zoom, for example.

Answer 1

Long live,

Use the ".on" to catch the event. Actually there are two events, to work in the different browsers.. "Dommousescroll mousewheel"

$('#div').on('DOMMouseScroll mousewheel', function ( event ) {
  if( event.originalEvent.detail > 0 || event.originalEvent.wheelDelta < 0 ) {
    console.log('Para baixo');
  } else {
    console.log('Para cima');
  }
  return false;
});

Answer 2

Friend. Has a command to just pass the mouse to zoom in image. As you did not put code.

Follows:

<script language="javascript">
 <!--
  function aumenta(obj){
obj.height=obj.height*2;
obj.width=obj.width*2;
   }

  function diminui(obj){
obj.height=obj.height/2;
obj.width=obj.width/2;
  }
    </script>

Html:

    <p><img src="IMAGEM" width='258' height='45' alt="img" onMouseOver="aumenta(this)" onMouseOut="diminui(this)">