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('您点击了图片！')" />
输出：(请点击图片)：
实例 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 来显示您所点击的元素的标签名。