最新
文章专题
视频专题
问答1
问答10
问答100
问答1000
问答2000
关键字专题1
关键字专题50
关键字专题500
关键字专题1500
TAG最新
视频文章
推荐1
推荐3
推荐5
推荐7
推荐9
推荐11
推荐13
推荐15
推荐17
推荐19
推荐21
推荐23
推荐25
推荐27
推荐29
推荐31
推荐33
推荐35
推荐37
视频文章20
视频文章30
视频文章40
视频文章50
视频文章60
视频文章70
视频文章80
视频文章90
视频文章100
视频文章120
视频文章140
视频2
关键字专题
关键字专题
tag2
tag3
文章专题
文章专题2
文章索引1
文章索引2
文章索引3
文章索引4
文章索引5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
文章专题3
科技
教育
生活
旅游
时尚
美容
美食
健康
体育
游戏
汽车
元宇宙
家电
财经
百科
科技
首页
业界
互联网
手机
AI
VR
电商
苹果
安卓
6G
5G
数码
测评
学院
鸿蒙
软件
电脑
知识百科
专题
点击下载
本文文档
当前位置：
首页
-
科技
-
知识百科
-
正文
js鼠标、键盘事件实例代码_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 20:39:37
js鼠标、键盘事件实例代码_javascript技巧
js鼠标、键盘事件实例代码_javascript技巧:1. 鼠标的哪个按键被点击？ function whichButton(event) { if (event.button==2) { alert(你点击了鼠标右键!) } else { alert(你点击了鼠标左键!) } } 请单击你鼠标的左键或右键试试 [Ctrl+A 全选 注:如需引入外部Js需
推荐度：
点击下载本文
文档为doc格式
导读
js鼠标、键盘事件实例代码_javascript技巧:1. 鼠标的哪个按键被点击？ function whichButton(event) { if (event.button==2) { alert(你点击了鼠标右键!) } else { alert(你点击了鼠标左键!) } } 请单击你鼠标的左键或右键试试 [Ctrl+A 全选 注:如需引入外部Js需
1. 鼠标的哪个按键被点击？
<html> <head> function whichButton(event) { if (event.button==2) { alert("你点击了鼠标右键!") } else { alert("你点击了鼠标左键!") } } </ script> </head> <body onmousedown="whichButton(event)"> <p>请单击你鼠标的左键或右键试试</p> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2. 当前鼠标的光标坐标是多少？
<html> <head> function show_coords(event) { x=event.clientX y=event.clientY alert("X 坐标： " + x + ", Y 坐标： " + y) } </ script> </head> <body onmousedown="show_coords(event)"> <p>在此文档中按下你鼠标的左键看看！</p> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
3. 被按下键的unicode码是多少？
<html> <head> function whichButton(event) { alert(event.keyCode) } </ script> </head> <body onkeyup="whichButton(event)"> <p>在此文档中按下你键盘上的某个键看看</p> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
4. 当前鼠标的光标相对于屏幕的坐标是多少？
<html> <head> function coordinates(event) { x=event.screenX y=event.screenY alert("X=" + x + " Y=" + y) } </ script> </head> <body onmousedown="coordinates(event)"> <p> 点击你鼠标的左键 </p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/wenzhong.js"></script> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
5. 当前鼠标的光标坐标是多少？
<html> <head> function coordinates(event) { x=event.x y=event.y alert("X=" + x + " Y=" + y) } </ script> </head> <body onmousedown="coordinates(event)"> <p> 点击你鼠标的左键 </p> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
6。shift键是否按下?
<html> <head> function isKeyPressed(event) { if (event.shiftKey==1) { alert("shit键按下了!") } else { alert("shit键没有按下!") } } </ script> </head> <body onmousedown="isKeyPressed(event)"> <p>按下shit键，点击你鼠标的左键</p> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
7. 当前被点击的是哪一个元素？
<html> <head> 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="https://www.gxlcms.com/Uploads/../myCode/btn.gif" width="100" height="26" pic"> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
js鼠标、键盘事件实例代码_javascript技巧
js鼠标、键盘事件实例代码_javascript技巧:1. 鼠标的哪个按键被点击？ function whichButton(event) { if (event.button==2) { alert(你点击了鼠标右键!) } else { alert(你点击了鼠标左键!) } } 请单击你鼠标的左键或右键试试 [Ctrl+A 全选 注:如需引入外部Js需
推荐度：
点击下载本文
文档为doc格式
标签：
键盘
技巧
鼠标
热门焦点
最新推荐
猜你喜欢
热门推荐
专题
Top
