造成两者差异的原因主要是事件冒泡的原因,mouseover在鼠标移入元素或移入其子元素时,会产生冒泡事件
我们设置父盒子一个鼠标经过事件,当鼠标经过父盒子的时候,有鼠标经过事件,会触发一次,再冒泡到body看看有没有鼠标经过事件,如果没有,则执行结束;当鼠标经过子盒子时,子盒子没有鼠标经过事件,所以冒泡到父盒子看看有没有鼠标经过事件,果然有,所以会触发父盒子的鼠标经过事件。
而mouseenter不会冒泡,跟mouseenter搭配的鼠标离开mouseleave同样也不会冒泡
造成两者差异的原因主要是事件冒泡的原因,mouseover在鼠标移入元素或移入其子元素时,会产生冒泡事件
我们设置父盒子一个鼠标经过事件,当鼠标经过父盒子的时候,有鼠标经过事件,会触发一次,再冒泡到body看看有没有鼠标经过事件,如果没有,则执行结束;当鼠标经过子盒子时,子盒子没有鼠标经过事件,所以冒泡到父盒子看看有没有鼠标经过事件,果然有,所以会触发父盒子的鼠标经过事件。
而mouseenter不会冒泡,跟mouseenter搭配的鼠标离开mouseleave同样也不会冒泡