.mouseup()
.mouseup( handler(eventObject) ) 返回： jQuery
描述： 為 "mouseup" 事件綁定一個(gè)處理函數(shù)，或者觸發(fā)元素上的 "mouseup" 事件。
-
version added: 1.0.mouseup( handler(eventObject) )
handler(eventObject)每次事件觸發(fā)時(shí)會(huì)執(zhí)行的函數(shù)。
-
version added: 1.4.3.mouseup( [ eventData ], handler(eventObject) )
eventData將要傳遞給事件處理函數(shù)的數(shù)據(jù)映射。
handler(eventObject)每次事件觸發(fā)時(shí)會(huì)執(zhí)行的函數(shù)。
version added: 1.0.mouseup()
這個(gè)函數(shù)的第一種用法是 .bind('mouseup', handler) 的快捷方式，第二種用法是 .trigger('mouseup') 的快捷方式。
當(dāng)鼠標(biāo)指針在元素內(nèi)，并且鼠標(biāo)按鍵被釋放時(shí)，mouseup事件就會(huì)被發(fā)送到這個(gè)元素，任何HTML元素都可以接受此事件。
舉例來說，請(qǐng)看下面的HTML：
<div id="target"> Click here </div> <div id="other"> Trigger the handler </div>
這個(gè)事件處理程序可以綁定到任意 <div>:
$('#target').mouseup(function() {
alert('Handler for .mouseup() called.');
});
現(xiàn)在，如果我們點(diǎn)擊這個(gè)元素，警報(bào)顯示：
Handler for .mouseup() called.
當(dāng)不同的元素被點(diǎn)擊時(shí)我們也可以觸發(fā)這個(gè)事件：
$('#other').click(function() {
$('#target').mouseup();
});
這些代碼執(zhí)行后，點(diǎn)擊Trigger the handler同樣警報(bào)顯示。
如果在用戶點(diǎn)擊一個(gè)元素，并且拖動(dòng)鼠標(biāo)離開這個(gè)元素，并釋放鼠標(biāo)鍵，這仍然是算作mouseup事件。在大多數(shù)的用戶界面，這個(gè)動(dòng)作的順序被視為一個(gè)“取消”的按鍵，所以通常最好使用click事件，除非我們知道mouseup事件針對(duì)一個(gè)特定情況較好。
Example:
當(dāng)MouseUp和MouseDown事件觸發(fā)時(shí)顯示文本時(shí)。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<p>Press mouse and release here.</p>
<script>
$("p").mouseup(function(){
$(this).append('<span style="color:#F00;">Mouse up.</span>');
}).mousedown(function(){
$(this).append('<span style="color:#00F;">Mouse down.</span>');
});
</script>
</body>
</html>