onmouseenter和onmouseover的区别

onmouseenter 和 onmouseleave是一对,
onmouseover 和 onmouseout 是一对

区别

onmouseover/onmouseout 触发子元素的事件时,子元素通过事件冒泡触发父元素对应的事件; 可以通过阻止冒泡 stopPropagation() 避免父元素事件触发;
onmouseenter/onmouseleave 触发子元素事件时,不会触发父元素对应的事件,内部已经进行了阻止事件冒泡的处理;
结论: 一般我们会用 onmouseenter / onmouseleave 事件;




  
  
  Document
  


  
outer
inner

  

你可能感兴趣的:(JavaScript,js,javascript)