<head>
<style>
.enter h2{
border:1px solid;
background: white;
position: absolute;
top: 200px;
}
.enter{
border:1px solid;
background: #eee;
width: 500px;
height: 100px;
}
</style>
<script type="text/javascript" src="jquery/jquery-3.2.1.js"></script>
</head>
<body>
<p>只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。</p>
<p class="enter">
<h2 >被触发的 Mouseenter 事件：<span></span></h2>
</p>
<script type="text/javascript">
x=0;
y=0;
$(document).ready(function(){
$("p.enter").mouseenter(function(){
$(".enter span").text(y+=1);
});
});
</script>
</body>
Lorsque j'utilise le positionnement absolu pour déplacer l'élément enfant ci-dessous, l'événement sera également déclenché lors du passage par l'élément enfant. Que se passe-t-il ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Le positionnement absolu supprime uniquement les éléments du flux normal et ne modifie pas la structure de l'arborescence du document, de sorte que les éléments enfants sont toujours considérés comme étant à l'intérieur de l'élément parent.
La solution peut être de déterminer si event.target est un élément enfant, ou de lier le survol de la souris aux deux, puis d'arrêter la propagation dans l'élément enfant.
Basé sur https://www.w3.org/TR/uievent...
La traduction est :
Donc la réponse à votre question est qu'il est stipulé par d'autres que le passage à la descendance déclenchera également la saisie de la souris