javascript - sube - ¿Cómo suprimo el desplazamiento de la rueda del mouse de la ventana...?

rueda mouse sube volumen

Question

Estoy trabajando en una aplicación de lona incrustada en una página. Lo tengo para que pueda acercarse al dibujo con la rueda del mouse, pero desafortunadamente esto desplaza la página ya que es parte de un artículo.

¿Es posible evitar que la rueda del mouse se desplace por la ventana cuando estoy moviendo el mouse sobre un elemento dom?

Answer 1

Adjunte un controlador de eventos para mousewheel (No Gecko) / DOMMouseScroll (Not IE) y evite su acción predeterminada (es decir, desplazarse por el contenido):

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

¡Espero que esto ayude!

Answer 2

Sé que esto es antiguo, pero esto aún puede ser útil para los googlers.

He escrito un complemento jQuery para manejar esto: $ .disablescroll .

No solo maneja las ruedas del mouse, sino también los eventos de movimiento y pulsación de teclas que normalmente dispararían un desplazamiento.

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