get mouse position from javascript mouse scroll event

Question

I'm trying to get the mouse position on mousescroll. I'm also trying to make this compatible with all browsers. So far I have the following javascript which listens for the mouse scroll event:

document.addEventListener('DOMMouseScroll', mouseScroll, false);
function mouseScroll(){
  alert( /* mouse position code here */ );
}

But I'm not sure how to pass the event into the function to then use something like e.pageX and also I'm not sure what event property to use.

Aditya Singh · Accepted Answer · 2014-02-12 03:22:20Z

3

Try this out:- http://jsfiddle.net/adiioo7/sFJ4r/

JS:-

document.addEventListener('scroll', mouseScroll, false);

function mouseScroll(e) {
    console.log(window.scrollY);
}

DOMMouseScroll is not supported on all browser set except Firefox. https://developer.mozilla.org/en-US/docs/DOM/DOM_event_reference/DOMMouseScroll

enter image description here

Also, if you are targeting all browsers you can use http://jsfiddle.net/adiioo7/sFJ4r/1/

window.onmousewheel=document.onmousewheel=mouseScroll;

if(document.addEventListener){
      document.addEventListener('DOMMouseScroll',mouseScroll,false);
 }

function mouseScroll(e) {
    console.log(e.pageY);
}

edited Feb 12, 2014 at 3:22

answered Feb 12, 2014 at 3:14

Aditya Singh

9,6125 gold badges35 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

loxxy · Accepted Answer · 2014-02-12 03:08:23Z

2

Like this :

document.addEventListener('DOMMouseScroll', mouseScroll, false);

function mouseScroll(e){

   // e.clientX or e.pageX is available here.

}

answered Feb 12, 2014 at 3:08

loxxy

13.2k2 gold badges28 silver badges57 bronze badges

2 Comments

CaribouCode Over a year ago

Ah that was more simple than I thought. Although is this fully browser compatible? I read somewhere about using DOMMouseScroll and mousewheel too? What is the most full proof method?

loxxy Over a year ago

Here is a link that should help you ... sitepoint.com/html5-javascript-mouse-wheel

Collectives™ on Stack Overflow

get mouse position from javascript mouse scroll event

2 Answers 2

Try this out:- http://jsfiddle.net/adiioo7/sFJ4r/

Also, if you are targeting all browsers you can use http://jsfiddle.net/adiioo7/sFJ4r/1/

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Try this out:- http://jsfiddle.net/adiioo7/sFJ4r/

Also, if you are targeting all browsers you can use http://jsfiddle.net/adiioo7/sFJ4r/1/

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related