用于将鼠标悬停在元素及其所有子元素上的处理程序

Handler for hovering over an element and all its children

本文关键字：元素 程序 处理 鼠标 悬停 用于      更新时间：2023-09-26

当您将鼠标悬停在具有类 D1 的元素上并且将鼠标悬停在他的所有子元素上时，处理程序必须操作。怎么办？尝试过循环，但感到困惑。

<div class="d1">
    <h2>Lorem Ipsum</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita inventore nobis cum itaque unde eos aliquam labore reiciendis iusto dolore ducimus tempore quidem et nisi debitis similique ea dignissimos ex.</p>
</div>

链接到沙盒：小提琴

您可以使用

mouseenter和mouseleave而不是mouseover和mouseout。这些具有您需要的功能，前提是您的目标是支持的浏览器（请参阅上面的链接）。

这是来自您的代码的工作 jsFiddle：http://jsfiddle.net/rgthree/rs6qm9v5/2/

相关文章：