Search jQuery

jQuery Forum

Using jQuery

daniel_fl..

Detecting When The Mouse Leaves The Page

in Using jQuery • 10 years ago

I'd like to detect when the cursor leaves the page, and this doesn't work:

$(document).mouseleave(aFunction); // Same with mouseout, too.

Any ideas? Thanks!

Replies(7)

andrewgsw

Re: Detecting When The Mouse Leaves The Page

10 years ago

$('body').mouseleave();

.. although IE uses $(window).

daniel_fl..

Re: Re: Detecting When The Mouse Leaves The Page

10 years ago

I'm not in a position to try it again right now, but I think this also didn't work. I'll write up a test case and post it here when I get the chance.

andrewgsw

Re: Detecting When The Mouse Leaves The Page

10 years ago

It's worth noting that 'body' requires quotes, whereas document and window don't - they are jQuery objects/variables. But I'll await your post :)

jay.blanc..

Re: Detecting When The Mouse Leaves The Page

10 years ago

This seems to work in FF although I tested in jsfiddle.net and 'body' is different there.

$('body').mouseout(function() {
alert('mouse has left the building!');
});

andrewgsw

Re: Detecting When The Mouse Leaves The Page

10 years ago

$('body').catenter(function() {
alert('mouse has left the building!');
});

daniel_fl..

Re: Detecting When The Mouse Leaves The Page

10 years ago

While paring down my problem code to post a test case, I found that my project was using an outdated version of jQuery. Upgrading fixed my original problem (detecting the mouse leaving the document was meant to be a workaround). Thanks all for your help.