悬停在元素及其所有子元素上的处理程序

Question

当您将鼠标悬停在具有类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>

链接到沙箱：Fiddle

Answer 1

您可以使用mouseenter和mouseleave代替mouseover和mouseout。如果您定位支持的浏览器，则可以使用这些功能（请参阅上面的链接）。

以下是您的代码中的jsFiddle：http://jsfiddle.net/rgthree/rs6qm9v5/2/