HTML onmouseup 事件属性

当在元素上释放鼠标按钮时触发

示例

在段落上释放鼠标按钮时执行 JavaScript：

<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>

<p onmouseup="mouseUp()">点击文字！</p>

定义和使用

当在元素上释放鼠标按钮时会触发 onmouseup 属性。

提示： onmouseup 事件相关的事件顺序（针对鼠标左键/中键）：

onmousedown
onmouseup
onclick

onmouseup 事件相关的事件顺序（针对鼠标右键）：

浏览器支持

事件属性
onmouseup	Yes	Yes	Yes	Yes	Yes

语法

<element onmouseup="script">

属性值

值 Value	描述 Description
script	在 onmouseup 上运行的脚本

技术细节


支持的 HTML 标签:	所有 HTML 元素，除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>

HTML 索引 (字母排序)

GitHub 上编辑此页 2022/05/10