Detecting Mouse Moving Up?

[barman]

Hi friends.

I want to basically do #6 from this post...

7 jQuery Effects To Explode Your PPV CTR! | PPVPlaybook.com

The plugin recommended is this one:

Activebar2 - Westhoffswelt - Welcome to the real world


Unfortunately, this plugin is amateur hour. Anyone can detect a hover over a hidden div element and pop something out.

So i want to detect the motion of the mouse cursor, specifically going up. That way I can detect if they are moving their mouse up to close (and not triggering the event when the mouse is moving down to the cursor)


I could hax some mouse gestures plugins but that seems like a lot of overhead for something that appears to be pretty simple.

Tutorials:Mouse Position - jQuery JavaScript Library

 

[zany zoroaster]

I did a quick search and found this page (quirksmode is great): http://www.quirksmode.org/js/events_mouse.htmlhttp://www.quirksmode.org/js/events_mouse.html#relatedtarget
You can set up two divs at the top of the page, each spanning the entire width. Then, when the mouse crosses the border between them, check the fromelement and toelement - if the order is such that the mouse is coming from the lower element (up) to the first element, then run your code.

 

[dchuk]

if you just follow the guide in that last link of yours, and add a few lines where you store the y value after you check it, you can then just say

if(oldY > currentY)
{
it dun' gon' up
}else{
shit went down yo
}

look at the performance of the numbers on that page you linked to, it's fast as fuck

 

[barman]

if you just follow the guide in that last link of yours, and add a few lines where you store the y value after you check it, you can then just say

if(oldY > currentY)
{
it dun' gon' up
}else{
shit went down yo
}

look at the performance of the numbers on that page you linked to, it's fast as fuck

no shit, so how do i capture it

 

[dchuk]

jQuery(document).ready(function(){ $(document).mousemove(function(e){ $('#status').html(e.pageX +', '+ e.pageY); }); })

that code fires every time the mouse moves. Replace:

$('#status').html(e.pageX +', '+ e.pageY);

with a call to a function that triggers whatever it is you're trying to do.