問題描述

如圖所示,如何實現,請求大佬demo

問題解答

在p_1和p_2外面套一個p，然后給監聽p的onmouseleave事件呢？

demo

1.把兩個p放在同一個p上，在p3添加鼠標移出事件，p1和p2不添加事件！

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

2.如果鼠標從p1或者p2出來了，0.5秒內鼠標沒進入p1或者p2的話，觸發方法。0.5秒內進入了，就清楚定時器，不觸發方法！

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