当前位置: 首页 > 网络学院 > 客户端脚本教程 > JavaScript > JavaScript onmouseup 事件

JavaScript
JS 介绍
JS 怎样使用
JS 在哪使用
JS 变量
JS If...Else
JS Switch
JS 操作符
JS Popup Boxes
JS 函数
JS For 循环
JS While 循环
JS Break 循环
JS For...In
JS 事件
JS Try...Catch
JS Throw
JS onerror
JS 特殊字符
JS Guidelines
JS 对象介绍

No. « 1 2 3 »

学院文章搜索

关键字

JavaScript onmouseup 事件

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-03-04   浏览: 623 ::
收藏到网摘: n/a

Definition and Usage
定义与用法

The onmouseup event occurs when a mouse button is released.
当鼠标按键松开时触发onmouseup事件

Syntax
语法

onmouseup="所要执行的代码"

Parameter
参数		 Description
注释
SomeJavaScriptCode
所要执行的代码		 Required. Specifies a JavaScript to be executed when the event occurs.
必选项。当时间触发时所要执行的代码

Supported by the following HTML tags:
所支持的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>

Supported by the following JavaScript objects:
所支持的JavaScript对象：

button, document, link

Example 1
实例1

In this example an alert box is displayed when the mouse button is released after clicking the picture:
在下面的例子中，当你点击图片并松开鼠标时将弹出一个消息框：

<img src="image_w3default.gif" 
onmouseup="alert('你点击过图片')">

The output of the code above will be (click on the picture):
上述代码的输出结果为：

Example 2
实例2

In this example an alert box will alert the tag name of the element you clicked on:
在下面的例子中，弹出的消息框将显示你所点击过的元素名称：

<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>

Try-It-Yourself Demos
互动演示

onmouseup
How to use onmouseup to display an alert box when an image is clicked.
如何应用onmouseup事件在点击一张图片后弹出消息框

onmouseup 2
How to use onmouseup to alert the tag name of the element you clicked on.
如何应用onmouseup事件和消息框显示你所点击的元素名称。

评论 (0) All

登陆 | 还没注册？