title: On CTRL+MOUSEWHEEL event
body: <p>I was asked to implement ctrl+mousewheel event for our page site in order to change image offset on user zoom in or zoom out. I found this old answer <a href="https://stackoverflow.com/questions/7782040/override-browsers-ctrlwheelscroll-with-javascript">Override browsers CTRL+(WHEEL)SCROLL with javascript</a> and I`ve tried to do the same.
  I downloaded the <a href="https://github.com/jquery/jquery-mousewheel" rel="nofollow noreferrer">jQuery Mouse Wheel Plugin</a> for the implementation and here is my code: </p>
  
  <pre><code>var isCtrl = false;  
         $(document).on('keydown keyup', function(e) {
              if (e.which === 17) {
                  isCtrl = e.type === 'keydown' ? true : false;
              }
          }).on('mousewheel', function(e, delta) { // `delta` will be the distance that the page would have scrolled;
              // might be useful for increasing the SVG size, might not
              if (isCtrl) {
                  e.preventDefault();
                  alert('wheel');
              }
          });
  </code></pre>
  
  <p>The events works fine separately, but if I hold the CTRL button and wheel the mouse the wheel event does not fire.
  Does any one have better solution for this or may be I did something wrong?</p>