当hover结束之后获取鼠标上的节点

最新推荐文章于 2022-12-03 17:49:34 发布

meloseven

最新推荐文章于 2022-12-03 17:49:34 发布

阅读量524

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/meloseven/article/details/60570117

版权

Javascript 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

本文介绍了一种使用JavaScript处理鼠标悬停（mouseenter）和离开（mouseleave）事件的方法。通过为DOM元素添加和移除特定CSS类来实现视觉反馈。特别关注了如何避免在相关元素上触发不必要的事件。

摘要由CSDN通过智能技术生成

if(event.type == "mouseenter"){
            $(sourceDiv).addClass('on');
            relateDiv.addClass('on');
}else if(event.type == "mouseleave"){
            if(event.relatedTarget!=null 
                    && ($(event.relatedTarget.parentNode).hasClass('on') 
                            || $(event.relatedTarget.parentNode.parentNode).hasClass('on'))){
                return;
            }
            $(sourceDiv).removeClass('on');
            relateDiv.removeClass('on');
};