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