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