HTML onmouseup 事件属性

HTML 事件属性 HTML 事件属性

当松开鼠标按钮时运行脚本：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <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>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 onmouseup 事件属性

定义和用法

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

HTML 4.01 与 HTML5之间的差异

无。

语法

<element onmouseup="script">

属性值

值 描述
script 规定该onmouseup事件触发时执行的脚本。
HTML 事件属性 HTML 事件属性