用交互操作中，經(jīng)常需要知道用戶操作鼠標(biāo)是否有移到元素內(nèi)部或是元素外部，因此jQuery提供了一個(gè)mouseenter和mouseleave的快捷方法可以監(jiān)聽用戶移動(dòng)到內(nèi)部的操作
使用上非常簡(jiǎn)單，三種參數(shù)傳遞方式與mouseover和mouseout是一模一樣的，所以這里不再重復(fù)，主要講講區(qū)別，下面以mouseenter為例：
mouseenter JavaScript事件是Internet Explorer專有的。由于該事件在平時(shí)很有用，jQuery的模擬這一事件，以便它可用于所有瀏覽器。該事件在鼠標(biāo)移入到元素上時(shí)被觸發(fā)。任何HTML元素都可以接受此事件。
mouseenter事件和mouseover的區(qū)別
關(guān)鍵點(diǎn)就是：冒泡的方式處理問(wèn)題
簡(jiǎn)單的例子：
mouseover為例：
<div class="aaron2">
<p>鼠標(biāo)離開此區(qū)域觸發(fā)mouseleave事件</p>
</div>
如果在p元素與div元素都綁定mouseover事件，鼠標(biāo)在離開p元素，但是沒(méi)有離開div元素的時(shí)候，觸發(fā)的結(jié)果:
這里的問(wèn)題是div為什么會(huì)被觸發(fā)？ 原因就是事件冒泡的問(wèn)題，p元素觸發(fā)了mouseover，他會(huì)一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就會(huì)被觸發(fā)
所以在這種情況下面，jQuery推薦我們使用 mouseenter事件
mouseenter事件只會(huì)在綁定它的元素上被調(diào)用，而不會(huì)在后代節(jié)點(diǎn)上被觸發(fā)
這就是最本質(zhì)的區(qū)別，具體的對(duì)應(yīng)可以參考右邊的案例：
PS：同學(xué)可以根據(jù)右側(cè)代碼，自己寫出mouseout與mouseleave的區(qū)別哦~
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)