对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



相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
4月前
|
JavaScript 前端开发
js事件队列
js事件队列
144 55
|
2月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
41 3
|
3月前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
37 2
|
4月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
43 0
|
27天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
40 5
|
2月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
51 6
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
26 5
|
3月前
|
监控 JavaScript 前端开发
|
2月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
146 0