mouseleave和mouseenter區(qū)別
關鍵點:冒泡的方式處理問題
例:
<div class="aaron2">
<p>鼠標離開此區(qū)域觸發(fā)mouseleave事件</p>
</div>
如果p元素和div元素都綁定了mouseover事件篷扩,當鼠標離開了p元素區(qū)域卻沒有離開div元素時:
1.p元素響應事件
2.div元素響應事件
由于js的事件冒泡特性宪巨,導致觸發(fā)p元素的mouseover時竟块,他會一直向上查找,同時觸發(fā)了父元素的mouseover坏匪。
所以在這種情況下穴张,推薦使用mouseenter
mouseenter事件只會在綁定它的元素上被調用,而不會在后代節(jié)點上被觸發(fā).
類似的還有focus缝呕,focusin(冒泡)澳窑。blur,focusout(冒泡)供常。