javascript - 如何判斷不同兩個物件觸發相同事件？

Question

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

#

Answer 1

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

demo

Answer 2

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)
}