JavaScript中事件的事件类型

鼠标类

click 左键单击事件

                一个完整的点击事件是鼠标按下+鼠标抬起

dblclick 左键双击事件

contextmenu 右键单击事件

                        触发执行默认事件：弹出菜单栏

mousedown 鼠标按键按下：鼠标按下一次，触发一次事件；一直按下，也只会触发一次

mouseup 鼠标按键抬起

mousemove 鼠标移动 ：在事件源范围之内，才触发程序

mouseover 鼠标移入

mouseout 鼠标移出

                经过 标签边界线 时 会触发

                经过 事件源 和 事件源中的后代标签 都会触发事件

                        经过 后代标签 边际线时

                        先触发移出 上一个 标签

                        再触发移入 下一个 标签

mouseenter 鼠标移入

mouseleave 鼠标移出

                经过 标签 边界线 时 会触发

                只有 事件源 会触发事件

                事件源中的后代标签 不会触发事件

！如果需要整个文档都触发事件

可以 给 document / document.documentElement 添加事件

给 document.body 添加事件 需要注意 body标签的宽高

键盘类

keydown 键盘按键按下 ：按下 事件会一直触发

keyup 键盘按键抬起

keypress 键盘按键按下：有些特殊标签不会触发 ：control alt shift esc capslock delete

! 不是所有的都支持直接绑定键盘事件

        可以获取焦点的标签 才能直接绑定 键盘事件

                常见可以获取鼠标焦点的标签 ： input textarea select>option button a

! 一般情况下 键盘事件 是 添加给 整个页面的

                document.addEventListener("keydown",function(){})

表单类

focus 获取焦点

                只有获取焦点的标签才能绑定focus

                input textarea button a select>option

blur 失去焦点

change 失去焦点 并且 数据改变

                失去焦点时和获取焦点时的数据不同

input 输入

submit 提交

                是给form标签绑定的事件

                ！一般使用前都要先阻止默认事件

触摸事件

pc端不支持 ，移动端支持

pc端和移动端 触摸程序的调用方法不同

touchstart 触摸开始

touchend 触摸结束

touchmove触摸移动

特殊类：

transitionstart 过渡开始

transitionend 过渡结束

  animationstart 动画开始

animationend 动画结束

每个属性触发过渡 动画都会触发事件