重新审视事件对象event

前言：之前在学习事件对象event时，一是一直在chrome浏览器（作为主运行环境）下运行调试自个儿程序，二是可能当时对事件对象理解不透彻才导致现在对事件对象的用法陷入了一个大坑，遂以此篇博客记之。

基本知识梳理：事件对象：在触发DOM上某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息，浏览器会将一个event对象传入到事件处理程序中。

                     mouseenter:在鼠标光标从外部元素首次移动到元素范围之内时触发。这个事件不冒泡。

                     mouseleave:在位于元素上方的鼠标移动到元素范围之外时触发。这个事件不冒泡。

                     mouseover:在鼠标指针位于一个元素外部，然后用户将其首次移入另一个元素边界之内时触发。不能通过键盘触发这个事件，该事件冒泡。

                     mouseout:在鼠标指针位于一个元素上方，然后用户将其一如另一个元素时触发。又移入的另一个元素可能位于前一个元素的外部，也可能是这个元素的子元素。不能通过键盘触发这个事件，该事件冒泡。