javascript - OnMouseOver 这个，显示这个，但是 OnMouseOut，隐藏它

Question

<div class="profile-banner" onMouseOver="fadeIn('edit-banner');" onMouseOut="fadeOut('edit-banner');">
    <div id="edit-banner">
        Edit Banner
    </div>
</div>

(stackoverflow 上的格式很奇怪......所以请忽略格式。)

无论如何，我遇到的问题是当我将鼠标放在“编辑横幅”区域上时，它识别出我位于另一个元素上，因此它会淡出它。只要我在个人资料横幅区域中，我就需要它保留。

Answer 1

<强> jsBin demo

使用 CLASS .edit-banner

<div class="profile-banner">
    <div class="edit-banner">
        Edit Banner
    </div>
</div>

$('.profile-banner').on('mouseenter mouseleave',function( e ){
    var inOut = e.type=='mouseenter' ? 1 : 0;
    $(this).find('.edit-banner').stop().fadeTo(500, inOut);
});