JS--DOM_EVENT（事件）

JS–DOM_EVENT（事件）

事件就是指在页面上发生的事，他多数用于和用户的互动，页面加载等时候。下面列举了一些常见的事件类型：

鼠标事件

1、onclick
当鼠标点击某个元素时触发的事件。
2、ondblclick
当鼠标双击某个元素时触发的事件。
3、onmousedown
当鼠标按钮被按下时触发的事件。
4、onmouseup
当鼠标按键被松开时触发的事件。
5、onmousemove
当鼠标在某个元素上移动时触发的事件。
6、onmouseenter
当鼠标指针移动到元素上时触发的事件。
7、onmouseleave
当鼠标指针移出元素时触发的事件。
8、onmouseover
当鼠标指针移动到元素上时触发的事件。
9、onmouseout
当鼠标指针移出元素时触发的事件。

注意*：onmouseenter事件和onmouseleave不支持冒泡。事件 onmouseover 、onmouseout 是可以支持冒泡的，在使用事件代理时使用。虽然两者的事件效果是一样的但使用场景都不同。

键盘事件

1、onkeydown
当键盘按键被按下时触发的事件。
2、onkeypress
当键盘按键被按下并松开时触发的事件。
3、onkeyup
当键盘按键被松开时触发的事件。
注意*：onkeydown和onkeyup着重于检测按键是否已经按下（松开）。不会在乎按下的是什么内容，字母键大小写也不会区分。但onkeypress是可以检测键盘按下的内容。

加载事件

1、onload
一般用于页面加载时触发的事件，或者图片加载触发的事件。

表单事件

一、焦点事件
1、onblur
失去焦点时触发
2、onfocus
获得焦点时触发
二、内容输入事件
1、onchange
内容改变，失去焦点触发
2、oninput
内容改变触发
三、按钮事件
1、onreset
重置时触发
2、onsubmit
提交时触发