📜  HTML | onmouseup 事件属性(1)

📅  最后修改于: 2023-12-03 14:41:52.209000             🧑  作者: Mango

HTML | onmouseup 事件属性

在HTML中,onmouseup事件属性指定在元素上松开鼠标时所执行的JavaScript代码。

语法
<element onmouseup="JavaScript"></element>

其中 element 是HTML元素,JavaScript 是需要执行的JavaScript代码。

示例
<button onmouseup="alert('Mouse button released!')">鼠标松开</button>

当鼠标在按钮上被释放时,将弹出一个警告框,其中包含消息 "Mouse button released!"。

事件对象

在执行 JavaScript 代码时,可以传递一个事件对象 event 参数,该参数可以用于获取关于鼠标事件的更多信息。

<button onmouseup="checkButton(event)">鼠标松开</button>
function checkButton(event) {
  if (event.button == 0) {
    alert("Left mouse button released");
  } else if (event.button == 2) {
    alert("Right mouse button released");
  }
}

当鼠标在按钮上被释放时,将会检查释放的鼠标按键,然后弹出相关鼠标按钮的消息。

兼容性

onmouseup属性可在所有主流浏览器中工作。

参考链接