javascript - 使用Jquery同時判斷兩個DIV事件

Question

使用jQuery判斷滑鼠同時移出了 p1和p2 然後觸發alert('abc'); 事件！

如何實作

Answer 1

那就用 bind 多個事件吧。 幹嘛不用原生的addEventlistner，原生支援一切啊。 jq操作也是基於此。

Answer 2

1.把兩個p放在同一個p上，在p3加上滑鼠移出事件。

<p class='p3'>
    <p class="p1"></p>
    <p class="p2"></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("abc");
    },500)
}

Answer 3

首先你應該聲明兩個 p 之間的關係，最好能貼代碼或圖片出來，方便其他人針對你的問題進行回复。

其次，你應該詢問的是解決這個問題的思路，而不是希望別人寫出解決方案的程式碼你再 copy 使用。

需要學習如何理清思緒去解決問題，這樣對你的成長有幫助。

Answer 4

思路在於給予document綁定事件， 透過事件委託， 查詢滑鼠是否在p1 或 p2 上，

if -> true 
// BiBi
else -> false
// BiBi