Question

How do I detect if the mouse has moved over certain co-ordinates of the window, irrespective of scrolling?

It’s for a menu I’m working on. Trying to become better at JavaScript/JQuery…Any help would be greatly appreciated, thanks.

Answer 1

Handle document.mousemove

<script>
$(document).mousemove(function(e) {
    //$('#msg').html('pageX=' + e.pageX + ' pageY = ' + e.pageY);
    if (e.pageX === 100 && e.pageY === 100) {
        alert('Got there');
    }
});
</script>

I believe that e.pageX and e.pageY are what you’re looking for in terms of the whole document.

If those don’t work, try e.clientX and e.clientY, which will tell you where the mouse is in the window, and not the document.