<html>
<head>
<script type="text/javascript">
function whichButton(event)
{
if (event.button==2)
{
alert("你點擊了鼠標(biāo)右鍵!")
}
else
{
alert("你點擊了鼠標(biāo)左鍵!")
}
}
</script>
</head>
<body onmousedown="whichButton(event)">
<p>請單擊你鼠標(biāo)的左鍵或右鍵試試</p>
</body>
</html>

2. 當(dāng)前鼠標(biāo)的光標(biāo)坐標(biāo)是多少

<html>
<head>
<script type="text/javascript">
function show_coords(event)
{
x=event.clientX
y=event.clientY
alert("X 坐標(biāo)： " + x + ", Y 坐標(biāo)： " + y)
}
</script>
</head>
<body onmousedown="show_coords(event)">
<p>在此文檔中按下你鼠標(biāo)的左鍵看看！</p>
</body>
</html>

3. 被按下鍵的unicode碼是多少

<html>
<head>
<script type="text/javascript">
function whichButton(event)
{
alert(event.keyCode)
}
</script>
</head>
<body onkeyup="whichButton(event)">
<p>在此文檔中按下你鍵盤上的某個鍵看看</p>
</body>
</html>

4. 當(dāng)前鼠標(biāo)的光標(biāo)相對于屏幕的坐標(biāo)是多少

<html>
<head>
<script type="text/javascript">
function coordinates(event)
{
x=event.screenX
y=event.screenY
alert("X=" + x + " Y=" + y)
}
</script>
</head>
<body onmousedown="coordinates(event)">
<p>
點擊你鼠標(biāo)的左鍵
</p>
</body>
</html>

5. 當(dāng)前鼠標(biāo)的光標(biāo)坐標(biāo)是多少

<html>
<head>
<script type="text/javascript">
function coordinates(event)
{
x=event.x
y=event.y
alert("X=" + x + " Y=" + y)
}
</script>
</head>
<body onmousedown="coordinates(event)">
<p>
點擊你鼠標(biāo)的左鍵
</p>
</body>
</html>

6. shift鍵是否按下

<html>
<head>
<script type="text/javascript">
function isKeyPressed(event)
{
if (event.shiftKey==1)
{
alert("shit鍵按下了!")
}
else
{
alert("shit鍵沒有按下!")
}
}
</script>
</head>
<body onmousedown="isKeyPressed(event)">
<p>按下shit鍵，點擊你鼠標(biāo)的左鍵</p>
</body>
</html>

7. 當(dāng)前被點擊的是哪一個元素

<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("你點擊了 " + tname + "元素")
}
</script>
</head>
<body onmousedown="whichElement(event)">
<p>在這里點擊看看，這里是p</p>
<h3>或者點擊這里也可以呀，這里是h3</h3>
<p>你想點我嗎？？</p>
<img border="0" src="../myCode/btn.gif" width="100" height="26" alt="pic">
</body>
</html>

PS：這里再為大家提供一個關(guān)于JS事件的在線工具，歸納總結(jié)了JS常用的事件類型與函數(shù)功能：

javascript事件與功能說明大全：

http://tools.jb51.net/table/javascript_event

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章: