問(wèn)題描述

如圖所示,如何實(shí)現(xiàn),請(qǐng)求大佬demo

問(wèn)題解答

在p_1和p_2外面套一個(gè)p，然后給監(jiān)聽(tīng)p的onmouseleave事件呢？

demo

1.把兩個(gè)p放在同一個(gè)p上，在p3添加鼠標(biāo)移出事件，p1和p2不添加事件！

<p class=’p3’> <p class='p_1'></p> <p class='p_2'></p></p>

2.如果鼠標(biāo)從p1或者p2出來(lái)了，0.5秒內(nèi)鼠標(biāo)沒(méi)進(jìn)入p1或者p2的話，觸發(fā)方法。0.5秒內(nèi)進(jìn)入了，就清楚定時(shí)器，不觸發(fā)方法！

var timer=null;odvi1.onmouseover=odvi2.onmouseover=function () { clearTimeout(timer);}odvi1.onmouseout=odvi2.onmouseout=function () { timer=setTimeout(function () {alert('1111'); },500)}