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    某个键盘按键被按下时触发 不识别功能键 比如 ctrl 等
键盘按键被松开时触发，弹出 你好 ！
window.onkeyup =