编程语言
首页 > 编程语言> > Javascript MouseOver / MouseOut儿童活动

Javascript MouseOver / MouseOut儿童活动

作者:互联网

我有一个带有一些子元素的元素.当鼠标离开父元素时,我想隐藏父元素和它的子元素.我遇到的问题是,当我将鼠标悬停在任何一个孩子上时,鼠标事件就会被触发.防止这种情况的最佳方法是什么?我真的只希望当鼠标不在父母或其中任何一个孩子中时才会触发事件.

解决方法:

这个事件从孩子冒泡到父母(被抓住的地方)

您应该通过添加侦听器并使传播停在那里来捕获子项上的事件.

此代码将阻止事件冒泡到父级处理程序

function onm ouseLeave(e)
{
    if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
}

问题:当父进程不应该触发鼠标关闭事件时.鼠标悬停在子节点上不应该从父节点触发鼠标.我们怎么能阻止这个?

标签:javascript,events,mouseover,children,mouseleave
来源: https://codeday.me/bug/20190527/1159563.html