定义和用法
onmouseup 事件会在鼠标按键被松开时发生。
提示: 与 onmouseup 事件相关联的事件触发次序 (左边/中间 鼠标按钮):
- onmousedown
- onmouseup
- onclick
与 onmouseup 事件相关联的事件触发次序 (右边鼠标按钮):
- onmousedown
- onmouseup
- oncontextmenu
语法
HTML 中：
<element onmouseup="SomeJavaScriptCode">JavaScript 中：
object.onmouseup=function(){SomeJavaScriptCode};所有主要浏览器都支持 onmouseup 事件
支持该事件的 HTML 标签：
onmouseup 属性可用于所有 HTML 元素，除了： <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>。
实例
在用户鼠标按键被松开时执行Javascript代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
<script>
function myFunction(elmnt,clr){
elmnt.style.color=clr;
}
</script>
</head>
<body>
<p onmousedown="myFunction(this,'red')" onmouseup="myFunction(this,'green')">
单击文本改变颜色。触发一个带参数函数,当鼠标按钮被按下,,当释放鼠标按钮，再一次触发其他参数函数
</p>
</body>
</html>作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/domtips/3886.html
支付宝 
微信 