onmouseup 事件

定义和用法

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

语法

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

支持该事件的 HTML 标签:

<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, 
<caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, 
<form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, 
<li>, <map>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, 
<sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, 
<tr>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象:

button, document, link

实例 1

在本例中,在点击图片并松开鼠标按键后,将显示一个对话框:

<img src="/i/eg_mouse2.jpg" alt="mouse"
onmouseup="alert('您点击了图片!')" />

输出:(请点击图片):

Visit W3School!

实例 2

在本例中,对话框中会显示出您所点击的元素的标签名:

<html>
<head>
<script type="text/javascript">
function whichElement(e)
{
var targ
if (!e) var e = window.event
if (e.target) targ = e.target
else if (e.srcElement) targ = e.srcElement
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode
var tname
tname=targ.tagName
alert("You clicked on a " + tname + " element.")
}
</script>
</head>

<body onmouseup="whichElement(event)">

<h2>This is a header</h2>
<p>This is a paragraph</p>
<img border="0" src="ball16.gif" alt="Ball">

</body>
</html>

TIY

onmouseup
如何使用 onmouseup 在图像被点击时显示一个对话框。
onmouseup 2
如何使用 onmouseup 来显示您所点击的元素的标签名。
VUE