- 0133技术站
- 联系QQ:88526
- QQ交流群
- 微信公众号
定义和用法
onmouseup 属性在用户松开鼠标按键时触发。
提示: 与 onmouseup 事件相关的事件触发顺序 (左/中鼠标按钮):
1、onmousedown
2、onmouseup
3、onclick
与 onmouseup 事件相关的事件触发顺序(右边鼠标按钮):
1、onmousedown
2、onmouseup
3、oncontextmenu
注意: onmouseup 属性不能使用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>。
浏览器支持
所有主流浏览器都支持 onmouseup 事件属性
HTML 4.01 与 HTML5之间的差异
无。
语法
<element onmouseup="script">
属性值
值 | 描述 |
---|---|
script | 规定该onmouseup事件触发时执行的脚本。 |
当松开鼠标按钮时运行脚本:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> <script> function mouseDown() { document.getElementById("p1").style.color="red"; } function mouseUp() { document.getElementById("p1").style.color="green"; } </script> </head> <body> <p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()"> 点击文本! 在鼠标按下时触发 mouseDown()函数,该函数修改文本样式为红色。 在鼠标松开时触发 mouseUp()函数,该函数修改文本样式为绿色。 </p> </body> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册