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

JavaScript
JS数学对象参考
JS字符串对象参考
JS函数参考
JS事件参考
Javascript 常用正则表达式
FF和IE下的js兼容性问题
jQuery 简单介绍
jQuery / 核心 / $(expression, [context] ) 函数
jQuery / 核心 / $(html) 函数
如何使用JS来判断浏览器类型(ie、firefox，等等)
Javascript在IE和FireFox中的不同表现
3个js字符编码函数区别
javascript 中的 XMLDOM 对象

No. « 1 2 3 »

学院文章搜索

关键字

JavaScript onmouseup 事件

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-03-04   浏览: 639 ::
收藏到网摘: 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

登陆 | 还没注册？