JavaScript鼠标事件onmouseup|鼠标在元素上松开按键时触发

由 hcduguo

事件对象参考手册

定义与用法

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

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

  1. onmousedown
  2. onmouseup
  3. onclick

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

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

语法格式

HTML 中:

< element onmouseup=” myScript”>

JavaScript 中:

object.onmouseup=function(){ myScript};

使用 addEventListener() 方法:

object.addEventListener(“mouseup”, myScript);

示例代码

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

<p onmouseup="mouseUp()">Click the text!</p>

亲自试试

浏览器支持

事件Google ChromeInternet ExplorerFirefoxSafariOpera
onmouseupYesYesYesYesYes

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

参数说明

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

支持该事件的 HTML 标签：

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

事件对象参考手册

相关