易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
js鼠标、键盘事件实例代码
1. 鼠标的哪个按键被点击？
<html> <head> <script type="text/javascript"> function whichButton（event） { if （event.button==2） { alert（"你点击了鼠标右键！"） } else { alert（"你点击了鼠标左键！"） } } </script> </head> <body onmousedown="whichButton（event）"> 请单击你鼠标的左键或右键试试<br/> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2. 当前鼠标的光标坐标是多少？
<html> <head> <script type="text/javascript"> function show_coords（event） { x=event.clientX y=event.clientY alert（"X 坐标： " + x + ", Y 坐标： " + y） } </script> </head> <body onmousedown="show_coords（event）"> 在此文档中按下你鼠标的左键看看！<br/> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
3. 被按下键的unicode码是多少？
<html> <head> <script type="text/javascript"> function whichButton（event） { alert（event.keyCode） } </script> </head> <body onkeyup="whichButton（event）"> 在此文档中按下你键盘上的某个键看看<br/> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
4. 当前鼠标的光标相对于屏幕的坐标是多少？
<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）">点击你鼠标的左键 <br/> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
5. 当前鼠标的光标坐标是多少？
<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）">点击你鼠标的左键 <br/> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
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）"> 按下shit键，点击你鼠标的左键<br/> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
7. 当前被点击的是哪一个元素？
<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 bugtarg = targ.parentNode var tname tname=targ.tagName alert（"你点击了 " + tname + "元素"） } </script> </head> <body onmousedown="whichElement（event）"> 在这里点击看看，这里是p<br/><h3>或者点击这里也可以呀，这里是h3</h3> 你想点我吗？？<br/> <img border="0" src="../myCode/btn.gif" width="100" height="26" alt="pic"> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站