关于鼠标、键盘的几个事件的例子

时间：2008-07-27 17:00:00　

1. 鼠标的哪个按键被点击？

<html><head><script type="text/javascript">function whichButton(event){if (event.button==2){alert("你点击了鼠标右键!")}else{alert("你点击了鼠标左键!")}}</script></head><body onmousedown="whichButton(event)"><p>请单击你鼠标的左键或右键试试</p></body></html>

2. 当前鼠标的光标坐标是多少？

<html><head><script type="text/javascript">function show_coords(event){x=event.clientXy=event.clientYalert("X 坐标： " + x + ", Y 坐标： " + y)}</script></head><body onmousedown="show_coords(event)"><p>在此文档中按下你鼠标的左键看看！</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. 当前鼠标的光标相对于屏幕的坐标是多少？

<html><head><script type="text/javascript">function coordinates(event){x=event.screenXy=event.screenYalert("X=" + x + " Y=" + y)}</script></head><body onmousedown="coordinates(event)"><p>点击你鼠标的左键</p></body></html>

5. 当前鼠标的光标坐标是多少？

<html><head><script type="text/javascript">function coordinates(event){x=event.xy=event.yalert("X=" + x + " Y=" + y)}</script></head><body onmousedown="coordinates(event)"><p>点击你鼠标的左键</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键，点击你鼠标的左键</p></body></html>

7. 当前被点击的是哪一个元素？

<html><head><script type="text/javascript">function whichElement(e){var targif (!e) var e = window.eventif (e.target) targ = e.targetelse if (e.srcElement) targ = e.srcElementif (targ.nodeType == 3) // defeat Safari bug targ = targ.parentNodevar tnametname=targ.tagNamealert("你点击了 " + tname + "元素")}</script></head><body onmousedown="whichElement(event)"><p>在这里点击看看，这里是p</p><br /><br /><h3>或者点击这里也可以呀，这里是h3</h3><p>你想点我吗？？</p><img border="0" src="https://img.aspxhome.com/file/UploadPic/20087/27/2008727175159848.gif" width="100" height="26" alt="pic"></body></html>

标签：鼠标,键盘,事件

投稿

关于鼠标、键盘的几个事件的例子

猜你喜欢

五种方法解决 Web2.0设计中的匹配度

五大提高ASP运行效率的技巧

用ASP和SQL语句动态的创建Access表

Access2000迁移到Oracle9i要点

浅谈MySQL存储引擎选择 InnoDB还是MyISAM

MYSQL教程:查询优化之有效加载数据

ASP充分利用Err.Description

Request.Servervariables(“HTTP_USER_AGENT“)是什么意思。

很酷的JQuery Solar System

MySQL 基本概念

网页中插入视频播放代码全集

去除DW MX 2004表格宽度辅助

MySQL的数据库数据备份和恢复详解

Oracle 9i产品文档

用正则替换所有URL

MySQL应用技巧之存取权限

教程javascript的function(函数)

js中的文档模式-document.compatMode

ASP分页显示Recordset数据

MySQL中InnoDB和MyISAM类型的差别