整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
nmouseenter與onmouseover事件作用：
當(dāng)鼠標(biāo)進(jìn)入(經(jīng)過(guò))觸發(fā)事件。
但他們之間有一點(diǎn)小的差別。我們來(lái)看這個(gè)例子。
我們創(chuàng)建這樣的HTML頁(yè)面結(jié)構(gòu)
然后，給定適當(dāng)?shù)腸ss樣式如下：
這樣就達(dá)到了平常網(wǎng)站菜單的效果
分別給ul和li添加mouseover事件。
我們給ul與li都加上mouseover事件，那么當(dāng)鼠標(biāo)經(jīng)過(guò)li時(shí)，會(huì)有事件冒泡，會(huì)觸發(fā)ul上面的mouseover事件。一次彈出兩個(gè)alert窗口。
使用mouseenter事件則不會(huì)出現(xiàn)事件冒泡
應(yīng)用于下拉菜單特效等
有不懂的歡迎私信我喲~
事件都是鼠標(biāo)移至節(jié)點(diǎn)上執(zhí)行；但是onmouseover移至節(jié)點(diǎn)上，停止在移動(dòng)，依舊在節(jié)點(diǎn)上時(shí)還是會(huì)執(zhí)行，也就是說(shuō)會(huì)執(zhí)行多次；而onmouseenter僅是進(jìn)入節(jié)點(diǎn)時(shí)執(zhí)行一次。
者：瘋狂的技術(shù)宅
轉(zhuǎn)發(fā)鏈接：https://mp.weixin.qq.com/s/-cpUkuzpsPR6uUgWPkbH-A
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
