.mouseup()
返回: jQuery
.mouseup( handler )
描述：把某个事件函数绑定到JavaScript事件“mouseup”上，或者在某个元素上触发该事件。
加入于: 1.0
.mouseup( handler )加入于: 1.4.3
.mouseup( [eventData ], handler )- eventData类型：Anything一个对象，它包含了要传递给事件处理函数的数据。
- handler一个函数，在每次事件被触发时执行它。
加入于: 1.0
.mouseup()该签名不接受任何参数。
这个方法，在第一种变体中是.on('mouseup', handler)的简写，在第二种变体中是.trigger('mouseup')的简写。
当鼠标指针在一个元素上，然后公开鼠标键时，mouseup方法会发送到这个元素。任何HTML元素都可以接受这个事件。
举个例子，设想下面的HTML：
<div id="target"> Click here </div> <div id="other"> Trigger the handler </div>
该事件处理函数可以绑定到任何<div>上：
$( "#target" ).mouseup(function() {
alert( "Handler for .mouseup() called." );
});
现在，如果我们在按钮上点击，将显示提醒：
Handler for .mouseup() called.
当别的元素被点击时，我们也能触发该事件：
$( "#other" ).click(function() {
$( "#target" ).mouseup();
});
在执行代码后，点击"Trigger the handler"将跳出提醒消息。
如果用户在一个元素外面点击，拖曳到元素内部，并松开按钮，这依然会计数为一次mouseup事件。在大多数的用户接口中，这一系列操作作不会被视为一次“按下按钮”，因此使用click事件会更好，除非我们知道mouseup对某些情况更适合。
其它说明
- 因为
.mouseup()方法是.on( "mouseup", handler )的简写，所以可以用.off( "mouseup" )来分离。
示例
在每次触发mouseup和mousedown事件时显示文本。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>mouseup demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.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>
演示结果