Javascript: Capture mouse wheel event and do not scroll the page?

by

You can do so by returning false at the end of your handler (OG).

this.canvas.addEventListener('wheel',function(event){
    mouseController.wheel(event);
    return false; 
}, false);

Or using event.preventDefault()

this.canvas.addEventListener('wheel',function(event){
    mouseController.wheel(event);
    event.preventDefault();
}, false);

Updated to use the wheel event as mousewheel deprecated for modern browser as pointed out in comments.

The question was about preventing scrolling not providing the right event so please check your browser support requirements to select the right event for your needs.

Updated a second time with a more modern approach option.

More Related Contents:

  1. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  2. Smooth scrolling when clicking an anchor link
  3. How to scroll an HTML page to a given anchor
  4. Prevent scrolling of parent element when inner element scroll position reaches top/bottom?
  5. Smooth scroll to div id jQuery
  6. How can I detect when the mouse leaves the window?
  7. How to scroll to specific item using jQuery?
  8. How to detect scroll position of page using jQuery
  9. Normalizing mousewheel speed across browsers
  10. Scroll smoothly to specific element on page
  11. How to make div fixed after you scroll to that div?
  12. Fade In on Scroll Down, Fade Out on Scroll Up – based on element position in window
  13. Stop fixed position at footer
  14. How can I lock the first row and first column of a table when scrolling, possibly using JavaScript and CSS?
  15. Synchronized scrolling using jQuery?
  16. jQuery live scroll event on mobile (work around)
  17. onMouseMove get mouse position [duplicate]
  18. Javascript: do an action after user is done scrolling
  19. Most modern method of getting mouse position within a canvas in native JavaScript [duplicate]
  20. How to determine scroll direction without actually scrolling
  21. ScrollTo function in AngularJS
  22. How to window.scrollTo() with a smooth effect
  23. Scroll / Jump to id without jQuery
  24. Choppy/Laggy scroll event on Chrome and IE
  25. Scroll into view in react
  26. Disable brower’s auto scroll after a page refresh?
  27. How lazy loading images using JavaScript works?
  28. Horizontal scrolling with mouse wheel in a div
  29. Automatically scroll down chat div
  30. Protractor: Scroll down

Leave a Comment