使用Jquery同时判断两个DIV事件

Question

使用jQuery判断鼠标同时移出了 DIV1和DIV2 然后触发alert('abc'); 事件！

如何实现

Answer 1

1.把两个div放在同一个div上，在div3添加鼠标移出事件。

<div class='div3'>
    <div class="div1"></div>
    <div class="div2"></div>
</div>

2.如果鼠标从div1或者div2出来了，0.5秒内鼠标没进入div1或者div2的话，触发方法。0.5秒内进入了，就清楚定时器，不触发方法！

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

Answer 2

那就用 bind 多个事件吧。 干嘛不用原生的addEventlistner，原生支持一切啊。jq操作也是基于此。

Answer 3

思路在于给document绑定事件， 通过事件委托， 查询鼠标是否在DIV1 或者 DIV2 上，

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