一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

js中鼠标按键事件和键盘按键事件

时间:2016-09-25 编辑:简简单单 来源:一聚教程网


keydown,keyup,keypress:属于你的键盘按键

mousedown,mouseup:属于你的鼠标按键

当按钮被按下时,发生 keydown 事件,

keyup是在用户将按键抬起的时候才会触发的,

完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开。

当用户在这个元素上按下鼠标键的时候,发生mousedown

当用户在这个元素上松开鼠标键的时候,发生mouseup

例子

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





请单击你鼠标的左键或右键试试



 


运行代码 复制代码 保存代码[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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




在此文档中按下你鼠标的左键看看!



运行代码 复制代码 保存代码[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

3. 被按下键的unicode码是多少?





在此文档中按下你键盘上的某个键看看




运行代码 复制代码 保存代码[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

4. 当前鼠标的光标相对于屏幕的坐标是多少?





点击你鼠标的左键



运行代码 复制代码 保存代码[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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





点击你鼠标的左键



运行代码 复制代码 保存代码[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

6。shift键是否按下?




按下shit键,点击你鼠标的左键



运行代码 复制代码 保存代码[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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





在这里点击看看,这里是p

 

或者点击这里也可以呀,这里是h3


你想点我吗??


pic

热门栏目