javascript - Utiliser Jquery pour déterminer deux événements DIV en même temps

Question

Utilisez jQuery pour déterminer que la souris est sortie de p1 et p2 en même temps, puis déclenchez l'événement alert('abc');

Comment mettre en œuvre

Answer 1

Ensuite, utilisez lier plusieurs événements. Pourquoi ne pas utiliser le addEventlistner natif ? Il prend tout en charge de manière native. L'opération jq est également basée sur cela.

Answer 2

1. Placez deux p sur le même p et ajoutez un événement mouse out sur p3.

<p class='p3'>
    <p class="p1"></p>
    <p class="p2"></p>
</p>

2. Si la souris sort de p1 ou p2 et qu'elle n'entre pas dans p1 ou p2 dans un délai de 0,5 seconde, la méthode sera déclenchée. Si la valeur est saisie dans un délai de 0,5 seconde, la minuterie sera effacée et la méthode ne sera pas déclenchée !

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

Answer 3

Tout d'abord, vous devez déclarer la relation entre les deux p Il est préférable de publier du code ou des photos afin que d'autres puissent répondre à votre question.

Deuxièmement, ce que vous devriez demander, c'est l'idée de résoudre ce problème, plutôt que d'espérer que d'autres écriront le code de la solution et ensuite copy l'utiliseront.

Vous devez apprendre à clarifier vos pensées et à résoudre les problèmes, ce qui contribuera à votre croissance.

Answer 4

L'idée est de lier des événements au document et d'utiliser la délégation d'événements pour demander si la souris est sur p1 ou p2,

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