onmouseup属性用来获取或设置当前元素的mouseup事件的事件处理函数
在段落上释放鼠标按钮时执行JavaScript:
<!DOCTYPE html> <html> <head> <title>HTML onmousedown 事件属性的使用(菜鸟教程 cainiaoplus.com)</title> </head> <body> <p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()"> 点击文字!当在此段落上按下鼠标按钮时,将触发mouseDown()函数。该功能将文本的颜色设置为红色。释放鼠标按钮时将触发mouseUp()函数。mouseUp()函数将文本的颜色设置为绿色。</p> <script> function mouseDown() { document.getElementById("p1").style.color = "red"; } function mouseUp() { document.getElementById("p1").style.color = "green"; } </script> </body> </html>测试看看 ‹/›
当用户在当前元素上放开鼠标某个按键时会触发mouseup事件
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 onmouseup 事件属性
当在元素上释放鼠标按钮时,会触发onmouseup属性。
提示: 与 onmouseup 事件相关的事件触发顺序 (左/中鼠标按钮):
onmousedown
onmouseup
onclick
与 onmouseup 事件相关的事件触发顺序(右边鼠标按钮):
onmousedown
onmouseup
oncontextmenu
注意: onmouseup 属性不能使用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>.
没有。
<element onmouseup="script">
值 | 描述 |
---|---|
script | 规定该onmouseup事件触发时执行的脚本。 |