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

JavaScript
JS 字符串
JS Date
JS数组,JS Array
JS Boolean
JS Math
JS HTML DOM
JS Browser
JS Cookies
JS 校验
JS Animation
JS Image Maps
JS Timing
JS 建立对象
JS 摘要
JS 实例
JS 对象实例
JS DOM 实例
JS数组对象参考
JS布尔对象参考
JS日期对象参考

JavaScript onmousedown 事件


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

Definition and Usage
定义与语法

The onmousedown event occurs when a mouse button is clicked.
当鼠标按键被按下时触发onmousedown事件

Syntax

onmousedown="所要执行的脚本"

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:
所支持的JavaScritp对象:

button, document, link


Example 1
实例1

In this example an alert box is displayed when clicking on the picture:
在下面的例子中,当图片被点击时将弹出一个对话框

<img src="image_w3default.gif" 
onmousedown="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 onmousedown="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
互动演示

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

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

评论 (0) All

登陆 | 还没注册?