15.mouseover和mouseenter的区别,父元素设置mouseover,子元素经过会触发

15.mouseover和mouseenter的区别——软设问题总结

  • 15.1 两个事件从中文解释看出本质的差别
  • 15.2 具体区别描述

15.1 两个事件从中文解释看出本质的差别

mouseover:鼠标经过事件
mouseenter:鼠标进入事件

15.2 具体区别描述

在使用该事件无子元素下,这两者是毫无差别的;
但在多数情况下,使用该事件的元素都是有子元素的,这就两者产生了区别。
mouseover:进入绑定该事件的元素和其子元素均会触发该事件,所以有一个重复触发,冒泡过程。其对应的离开事件 mouseout
mouseenter:只有进入绑定该事件的元素才会触发事件,也就是不会冒泡。其对应的离开事件mouseleave

你可能感兴趣的:(大二软设问题集合,前端,js)