常见的事件
焦点事件:
1.blur: 在元素失去焦点时触发. 这个事件不会冒泡;
2.focus: 在元素获得焦点时触发. 这个事件不会冒泡;
3. focusin: 在元素获得焦点时触发, 但会冒泡;
4. focusout: 在元素失去焦点时触发 ,但会冒泡;
5. 支持 focusin, focusout 的浏览器有: IE5.5+, Safari 5.1+, Opera 11.5+, Chrome.
但只支持 DOM2 级事件处理程序
6. change 事件
鼠标滚动事件:
1.click: 单击住鼠标或按下回车键时触发. 触发顺序 mousedown, mouseup, click,
如果mousedown、 mouseup 其中之一被取消， 就不会触发click事件。
2.dblclick: 在用户双击鼠标时触发. 触发顺序mousedown mouseup click mousedown mouseup click dblclick,
如果中间有事件被取消，dblclick 也不会被触发
3.mousedown: 用户按下了任意鼠标按钮时触发。
4.mouseup: 用户释放按钮时触发
5.mouseenter在鼠标光标从元素外部首次移动到元素范围之内时触发。不冒泡，
而且在光标移动到后代元素 上不会触发。DOM2级事件并没有定义这个事，
但DOM3级事件将它纳入了规范。IE、Firefox9+和 Opera支持这个事件。
6.mouseleave: 在位于元素上方的鼠标光标移动到元素范围之外时触发。不冒泡，
而且在光标移动到后代元素上不会触发。
DOM2 级事件并没有定义这个事，
但DOM3 级事件将它纳入了规范。 IE、Firefox9+ 和Opera 支持这个事件。
7.mouseover : 在鼠标指针位于一个元素外部, 然后用户将其首次移入另一个元素边间之内时触发,
不能通过键盘触发这个事件
8.mouseout : 在鼠标指针位于一个元素上方, 然后用户将其移入另一个元素时触发
又移入的另一个元素可能位于前一个元素的外部, 也可能是这个元素的子元素.
不能通过键盘触发这个事件
原文：https://www.cnblogs.com/yslf/p/10797080.html