对ul绑定mouseout,但同时li也会触发mouseout事件?

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

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

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

利用锚链接实现的demo:demo

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

ul绑定mousewheel事件!

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

$('#dom').on('mouseleave', function () {
    $('#dom').hide();
});
  • CoffeeScript 文件之间如何传值?
  • JS中的事件冒泡
  • vue如何在HTML引入svg文件
  • 关于pc端网站的浏览器兼容问题!
  • php嵌入html script标签内的问题
  • 如何解决FormData.delete()在safari不能用的问题
  • 关于Activemq的wss,mqtt+nio+ssl,配置的问题?
  • 这段代码有什么问题?只有第一个循环实现了
  • js中脚本打开指定窗口的问题
  • jquery有没有方便cookie进行读写操作的方法
  • 为什么这段js脚本不能够给出alert提醒?