js鼠标、键盘事件

鼠标事件:

onclick:单击事件。

 

 

ondblclick:双击事件。

 

 

 

 

 onmousedown:按下鼠标键时触发。

 

 

 

 

 onmouseup:释放按下的鼠标键时触发。

 

 

 onmousemove:鼠标移动事件。

 

 

 onmouseover:移入事件

 

 

 onmouseout:移出事件。

 

 

 onmouseenter:移入事件.

 

 

 onmouseleave:移出事件

 

 

 

 

 

 oncontextmenu:右键事件。

 

键盘事件:

keydown:键盘上按下某个键时触发。如果按住某个键,会不断触发该事件,该事件处理函数返回 false 时,会取消默认的动作。

keypress:按下某个键盘键并释放时触发。如果按住某个键,会不断触发该事件。该事件处理函数返回 false 时,会取消默认的动作。

keyup:释放某个键盘键时触发。该事件仅在松开键盘时触发一次,不是一个持续的响应状态。

属性:

keyCode:该属性包含键盘中对应键位的键值。

charCode:该属性包含键盘中对应键位的 Unicode 编码

target:发生事件的节点(包含元素)

srcElement:发生事件的元素

shiftKey:是否按下 Shift 键,如果按下返回 true,否则为false

ctrlKey:是否按下 Ctrl 键,如果按下返回 true,否则为false

例:

 

 键位值:

键位码值键位码值
0~9(数字键) 48~57 A~Z(字母键) 65~90
Backspace(退格键) 8 Tab(制表键) 9
Enter(回车键) 13 Space(空格键) 32
Left arrow(左箭头键) 37 Top arrow(上箭头键) 38
Right arrow(右箭头键) 39 Down arrow(下箭头键) 40

 

posted @   着迷1  阅读(300)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示