使用jQuery判斷滑鼠同時移出了 p1和p2 然後觸發(fā)alert('abc'); 事件!
如何實作
1.把兩個p放在同一個p上,在p3加上滑鼠移出事件。
<p class='p3'>
<p class="p1"></p>
<p class="p2"></p>
</p>
2.如果滑鼠從p1或p2出來了,0.5秒內(nèi)滑鼠沒進(jìn)入p1或p2的話,觸發(fā)方法。 0.5秒內(nèi)進(jìn)入了,就清楚定時器,不觸發(fā)方法!
var timer=null;
odvi1.onmouseover=odvi2.onmouseover=function () {
clearTimeout(timer);
}
odvi1.onmouseout=odvi2.onmouseout=function () {
timer=setTimeout(function () {
alert("abc");
},500)
}
首先你應(yīng)該聲明兩個 p
之間的關(guān)係,最好能貼代碼或圖片出來,方便其他人針對你的問題進(jìn)行回復(fù)。
其次,你應(yīng)該詢問的是解決這個問題的思路,而不是希望別人寫出解決方案的程式碼你再 copy
使用。
需要學(xué)習(xí)如何理清思緒去解決問題,這樣對你的成長有幫助。
思路在於給予document綁定事件, 透過事件委託, 查詢滑鼠是否在p1 或 p2 上,
if -> true
// BiBi
else -> false
// BiBi