javascript - Bagaimana untuk menentukan sama ada dua objek berbeza mencetuskan acara yang sama?

Question

Seperti dalam gambar, cara melaksanakannya, sila minta demo

Answer 1

Letakkan p di luar p_1 dan p_2, dan kemudian pantau acara onmouseleave p?

demo

Answer 2

1 Letakkan dua p pada p yang sama, tambahkan acara keluar tetikus pada p3, tetapi tiada acara akan ditambahkan pada p1 dan p2!

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

2 Jika tetikus keluar dari p1 atau p2 dan tetikus tidak memasuki p1 atau p2 dalam masa 0.5 saat, kaedah akan dicetuskan. Jika dimasukkan dalam masa 0.5 saat, pemasa akan dikosongkan dan kaedah tidak akan dicetuskan!

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