jQuery .mouseleave() event
Syntax and Description
.mouseleave(handler)
.mouseleave()
handler is function to execute each time the event is triggered.
Return value is the jQuery object, for chaining purposes.
mouseleave binds an event handler to
be fired when the mouse leaves an element, or
trigger that handler on an element.
.mouseleave(handler) is a shortcut for
.bind('mouseleave', handler),
.mouseleave() is a shortcut for .trigger('mouseleave').
We can also trigger the event when another element is clicked.
$('#other').click(function() {
//w ww .j av a2 s . c om
$('#outer').mouseleave();
});
Listen to mouse leave event
The following cascades mouse leave event.
<html>
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){<!--from w w w. java 2s . c o m-->
$("div").mouseover(function(){
$(this).append('<span style="color:#F00;">mouseover.</span>');
}).mouseleave(function(){
$(this).append('<span style="color:#00F;">mouseleave</span>');
});
});
</script>
</head>
<body>
<body>
<div>j ava2s.com</div>
</body>
</html>