We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
Course Of The Month
5 days, 6 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Window MouseLeave
Posted on 2011-03-09
I'm trying to detect when the mouse leaves the window with jQuery 1.5.1.
The code below fires an event every time I mouse over an element on the page but even when I move the mouse out of the window the e.target is never the window object. So it fires at all the wrong times and never at the right time.
$(window).bind("mouseleave
console.log(e.target);
});
What am I doing wrong?
The code below fires an event every time I mouse over an element on the page but even when I move the mouse out of the window the e.target is never the window object. So it fires at all the wrong times and never at the right time.
$(window).bind("mouseleave
console.log(e.target);
});
What am I doing wrong?
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
2
5 Comments
Try something like this instead:
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title>http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_26873652.html</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$( function() {
$(document).hover( eventHover );
});
function eventHover( event ) {
$("#debug").append( $("<div/>").text( JSON.stringify(event) ) );
}
</script>
</head>
<body>
<div id="debug">
</div>
</body>
</html>
I can't seem to get hover to work with document, window or even 'body'. Works with all other elements.
<script type="text/javascript">
$(document).ready(function() {
console.log('starting test...');
$(window).hover(function(e) {
console.log('in:'+e.target);
}, function(e) {
console.log('out:'+e.target);
});
});
</script>
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the basics of jQuery, including how to invoke it on a web page.
Reference your jQuery libraries: (CODE)
Include your new external js/jQuery file: (CODE)
Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month5 days, 6 hours left to enroll
705 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.