Wie kann ich das Scrollen mit dem Fenstermausrad unterdrücken?

Question

Ich arbeite an einer Canvas-App, die in eine Seite eingebettet ist. Ich habe es so, dass Sie mit dem Mausrad in die Zeichnung hineinzoomen können, aber leider scrollt die Seite, da sie Teil eines Artikels ist.

Ist es möglich zu verhindern, Mausrad Scrolling auf dem Fenster, wenn ich Mausrad auf einem dom-Element ?!

Answer 1

einen Ereignishandler für Mausrad Attach (nicht Gecko)/DOMMouseScroll (nicht IE) und seine Standardaktion verhindern (dh Inhalt gescrollt werden):

 
if (element.addEventListener) 
    element.addEventListener("DOMMouseScroll", function(event) { 
     event.preventDefault(); 
    }, false); 
else 
    element.attachEvent("mousewheel", function() { 
     return false; 
    }) 

hoffe, das hilft!

Answer 2

Ich weiß, das ist alt, aber das kann immer noch hilfreich für Google-Nutzer sein.

Ich habe ein jQuery-Plugin geschrieben, um dies zu behandeln: $.disablescroll.

Nicht nur Mousewheels, sondern auch touchmove und keypress Ereignisse, die normalerweise einen Scroll auslösen würden.

// disable all scrolling: 
$(window).disablescroll(); 

// enable scrolling again: 
$(window).disablescroll("undo");