jQuery .mouseup() event
Syntax and Description
.mouseup(handler)
.mouseup()
handler is a function to execute each time the event is triggered.
Return value is the jQuery object, for chaining purposes.
mouseup binds an event handler to the
mouseup JavaScript event, or
trigger that event on an element.
.mouseup(handler) is a shortcut for
.bind('mouseup', handler),
.mouseup() is a shortcut for
.trigger('mouseup').
Listen to mouse up event
The following code adds handler for mouse up event.
<html>
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){<!--from ww w .j av a2 s . c om-->
$("div").mouseup(function(){
$(this).append('<span style="color:#F00;">Mouse up.</span>');
}).mousedown(function(){
$(this).append('<span style="color:#00F;">Mouse down.</span>');
});
});
</script>
</head>
<body>
<body>
<div>java 2s .com</div>
</body>
</html>