Comments on: JavaScript disable mouse wheel

By: Adriaan

Adriaan — Tue, 13 Sep 2011 15:31:43 +0000

It is really nice, I have adjusted the script since it was not working in IE, furthermore I combined it with this script:

http://solidlystated.com/scripting/javascript-disable-mouse-wheel/

Now this is my code, but it still won’t work for IE, have I done something wrong?

/* IE7, IE8 */
if(document.attachEvent){
document.attachEvent(‘onmousewheel’, stopWheel, false);
}

/* Chrome, Safari, Firefox */
else if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’, stopWheel, false);
}

function stopWheel(e){
/* IE7, IE8, Chrome, Safari */
if(!e) {
var e = window.event;
}

/* Chrome, Safari, Firefox */
if(e.preventDefault) {
e.stopPropagation();
e.preventDefault();
e.cancelBubble = false;
}

/* IE7, IE8 */
e.returnValue = false;
e.cancelBubble = true;
return false;
}

By: Furkan Tunalı

Furkan Tunalı — Wed, 02 Feb 2011 01:06:32 +0000

Thanks for your nice article, it helped a lot.

In addition, for the people who wants to check if function defined they can use typeof, ie:

if(typeof document.attachEvent == 'function')

@Akkara,
e object will give you the scroll x,y nodes. Comment out a console.log from the code below for your browser spesific function, you’ll see what your browser will gives you. On chrome e.offsetX, e.offsetY, e.pageX, e.pageY, e.screenX, e.screenY etc..

	if(typeof document.attachEvent == 'function') { //IE
		document.attachEvent('onmousewheel', function(e){
			//console.log(e);
		     if (!e) var e = window.event;
		     e.returnValue = false;
		     e.cancelBubble = true;
		     return false;
		}, false);
	} else if(typeof document.addEventListener == 'function') { //WEBKIT
		document.addEventListener('mousewheel', function(e){
			//console.log(e);
		    e.stopPropagation();
		    e.preventDefault();
		    e.cancelBubble = false;
		    return false;
		}, false);
	} else if(typeof document.attachEvent == 'function') { //OPERA
		document.attachEvent('mousewheel', function(e){
			//console.log(e);
		    if (!e) var e = window.event;
		    e.returnValue = false;
		    e.cancelBubble = true;
		    return false;
		}, false);
	} else if(typeof document.addEventListener == 'function') { //GECKO
		document.addEventListener('DOMMouseScroll', function(e){
			//console.log(e);
		    e.stopPropagation();
		    e.preventDefault();
		    e.cancelBubble = false;
		    return false;
		}, false);
	}

By: Akkara

Akkara — Thu, 06 May 2010 08:12:12 +0000

Thank you. So how do we get the wheel value?

By: Stoimen

Stoimen — Fri, 26 Feb 2010 08:17:46 +0000

Well this code can simply be wrapped into a jQuery shell, which was my case.

greetings,
stoimen

By: Miro Zografski

Miro Zografski — Fri, 26 Feb 2010 08:02:52 +0000

You really should set examples in jQuery as well.