JavaScript 常用事件大全

目录

事件

1. 鼠标事件

2. 键盘事件

3. 触摸事件

4. 表单事件

5. 过渡事件

6. 动画事件

事件对象

1. 事件对象

2. 鼠标事件对象

3. 键盘事件对象

4. 触摸事件对象

---

事件

事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。

注意：事件名称大小写敏感。若是事件监听方式，则在事件名的前面取消on。 

1. 鼠标事件

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

 给btn按钮添加点击事件，点击弹出 你好！

let btn = document.querySelector('button')
btn.onclick = function() {
    alert('你好！')
}

2. 键盘事件

键盘事件	触发条件
onkeyup	某个键盘按键被松开时触发
onkeydown	某个键盘按键被按下时触发
onkeypress	某个键盘