对JS事件的了解

简介: 对JS事件的了解

事件

事件通常和函数进行配合使用,这样就可以通过事件来调用函数执行

注意:事件名称大小敏感,如果是事件监听方式,需要在事件名前面取消on

鼠标事件

鼠标事件 触发条件
onclick 鼠标点击左键触发
oncontextmenu 鼠标点击右键触发
ondblclick 鼠标双击触发
onmouseover 鼠标经过触发
onmouseout 鼠标离开触发
onfocus 获得鼠标焦点触发
onblur 失去鼠标焦点触发
onmousemove 鼠标移动触发
onmouseup 鼠标弹起触发
onmousedown 鼠标按下触发

键盘事件

82ebc8bb359d4c938fdc89e1efa3b40f.png

表单事件

1062f3d5414f4c30a66a0fa4c1669b4f.png

触摸事件

2b9f2594db084ae5b1e14dac4d00970f.png

过渡事件

903181ed889648279a9dc921b3a160c0.png

动画事件

458cd52400954ff0bf4737e231c83652.png

事件对象

事件对象

bba605e25c0a4328aa2f0a8ae6bf14b9.png

鼠标事件对象

eb3911e671da4be994c74ed620c331c2.png

键盘事件对象

f3ec76c78bdf405a9895f546de6b8f96.png

触摸事件对象

db1c3cc5963947a49f90e6443500babe.png



相关文章
|
1月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
3月前
|
JavaScript 前端开发
js事件队列
js事件队列
141 55
|
1月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
30 2
|
2月前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
34 2
|
3月前
|
JavaScript 前端开发
javascript中常用的事件
这篇文章列出并演示了JavaScript中常用的DOM事件,包括失去焦点、获得焦点、鼠标点击、键盘事件等,并展示了如何通过直接在HTML标签中使用事件句柄和通过JavaScript为元素添加事件监听器两种方式来注册事件。
|
3月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
39 0
|
25天前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
43 6
|
2月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
22 5
|
2月前
|
监控 JavaScript 前端开发
|
28天前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
79 0