Detect the horizontal mousewheel

Question

I would like to make a differenciation between three cases :

e.preventDefault();
if(Mousewheel.direction = Left)
    base.goForward();
else if(Mousewheel.direction = Right)
    base.goBack();
else{   
    //Doing normal slide

But I can't find anything indicating if the mousewheel is horizontal or vertical, the only returns of the plugin Mousewheel, being delta and event.

If someone knows how i could make a differenciation between horizontal and vertical wheeling, thanks for sharing your tips.

you know most mouses do not have the horizontal scrolling options? — Rene Pot, Nov 21 '11 at 13:54
@Topener I'm sure OP is aware of that, yes. He just wants to detect it when it does exist. — Blazemonger, Nov 21 '11 at 14:03
The wheel on my mouse can be tilted but that action triggers the "Back" / "Forward" commands in my browser... — Šime Vidas, Nov 21 '11 at 14:13

lalibi · Accepted Answer · 2011-11-21T14:28:57.493

8

UPDATE: I tested it with my laptops pad and event.originalEvent.wheelDeltaX is indeed your answer.

Using some javascript debugging tools, place a breakpoint into the event handler and examine the event object.

enter image description here

There are some interesting properties there like event.originalEvent.wheelDeltaX and event.originalEvent.wheelDeltaY. I don't have a mouse with horizontal scrolling to test it but possibly this is your solution.

edited Nov 21 '11 at 14:28

answered Nov 21 '11 at 14:13

lalibi

3,057
3
33
41

Hey cool, Thanks a lot, it was exactly what I was searching for, I didn't know we could actually use breakpoints in JavaScript, that will help me a lot. – Thoma Biguères Nov 21 '11 at 22:48
5

every time a new user doesnt accept a correct answer, john resig kills a plugin – totallyNotLizards Feb 01 '12 at 13:59

score 0 · Answer 2 · edited May 23 '17 at 11:58

0

You can do this in IE9, IE10, Firefox, Safari and Chrome. The different browsers currently each have a different event you need to register (although they will all eventually converge upon the new W3C standard onwheel event).

In another answer I put a bunch of detail about detecting x-axis scrolling.

edited May 23 '17 at 11:58

Community

1
1

answered Oct 17 '12 at 04:07

robocat

5,293
48
65

score 0 · Answer 3 · answered Nov 21 '11 at 14:08

0

Most scrollwheel drivers have an option that changes vertical scrolling to horizontal when the shift key is held down. Try detecting that instead.

answered Nov 21 '11 at 14:08

Blazemonger

90,923
26
142
180

I just discovered that ATL + mousewheel decreases the scrolling speed which can be useful. Btw SHIFT + mousewheel jumps between pages in my case (Firefox + Logitech mouse). – Šime Vidas Nov 21 '11 at 14:16
Shift+Scroll scrolls though my history in Opera. – OptimusCrime Nov 21 '11 at 14:33

Detect the horizontal mousewheel

3 Answers3

Linked