javascript - 对ul绑定mouseout,但同时li也会触发mouseout事件?
阿神
阿神 2017-04-10 15:20:48
0
5
317

我的思路是这样的:
li之间mouseover,二级菜单p不变,变的只是内容,但我想鼠标移出一级菜单的ul时,二级菜单隐藏。
我现在对一级ul绑定了mouseout,但这样在li之间也会触发了mouseout事件(冒泡到了ul)。有没办法不让li之间触发mouseout事件呢。

阿神
阿神

闭关修行中......

Antworte allen(5)
巴扎黑

可以判断event对象中的target属性的nodeName是否为UL或者是其他逻辑判断,再做相应处理

大家讲道理

利用锚链接或者:target伪类就能实现,然后控制一下二级菜单的显示和隐藏就行。

利用锚链接实现的demo:demo

利用:target伪类的实现原理:Trick:CSS3的:target实现选项卡切换

阿神

ul绑定mousewheel事件!

PHPzhong

事件肯定是要被触发的,你能做的就是不绑定事件处理函数到li上

黄舟
$('#dom').on('mouseleave', function () {
    $('#dom').hide();
});
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage