您现在的位置: 365建站网 > 365教程 > JavaScript 教程 > onmouseup 事件

onmouseup 事件

此节有 94 人学习过     参与评论

定义和用法

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 365jz!

实例 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 来显示您所点击的元素的标签名。

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (94人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------
JavaScript 教程目录