javascript - 有没有办法让链接不可点击，但仍然使用 :hover?

Question

我使用的 CMS 只允许导航中的链接。有一个例子，我有一个子菜单，但没有附加页面。见下文。

1. 菜单1
   • 子菜单
     
     • 第 1 项
     • 元素2
2. 菜单2
3. 菜单3

所有三个顶级元素(菜单 1、2、3)都必须是可点击的 + 悬停的。 “子菜单”无法点击，但用户需要悬停鼠标才能查看 item1 和 item2。

如果不是因为 CMS 中的限制，这当然不会成为问题。如果我添加以下 CSS，则无法单击或悬停。

.subMenu {
   pointer-events: none;
   cursor: default;
}

Answer 1

尝试 <a href="#" onclick="javascript:return false;">My unclickable but hoverable link</a> .如果您的 CMS 不允许您指定 onclick 属性，则仅指示“#”作为链接应该可以解决问题。