javascript – Verwenden von Jquery zum gleichzeitigen Ermitteln von zwei DIV-Ereignissen

Question

Verwenden Sie jQuery, um festzustellen, ob sich die Maus gleichzeitig aus p1 und p2 herausbewegt hat, und lösen Sie dann das Alarmereignis ('abc') aus!

Wie man es umsetzt

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