有没有办法使链接无法点击，但仍然使用：悬停？

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 属性，则仅将“#”表示为链接应该可以解决问题。