onmouseup 事件

事件对象参考手册 事件对象

在用户鼠标按键被松开时执行JavaScript代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.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>

尝试一下 »

定义和用法

onmouseup 事件会在鼠标按键被松开时发生。

提示: 与 onmouseup 事件相关联的事件触发次序 (左边/中间 鼠标按钮):

  1. onmousedown
  2. onmouseup
  3. onclick

与 onmouseup 事件相关联的事件触发次序 (右边鼠标按钮):

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

语法

HTML 中:

<element onmouseup="SomeJavaScriptCode">

JavaScript 中:

object.onmouseup = function() {
  SomeJavaScriptCode
};

参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 onmouseup 事件

支持该事件的 HTML 标签：

onmouseup 属性可用于所有 HTML 元素，除了： <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>.

事件对象参考手册 事件对象