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

Question

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

1. MENU1
   • 子菜单
     
     • item1
     • item2
2. menu2
3. menu3

所有三个顶级项目（菜单1,2,3）必须是可点击的+悬停。 ＆＃34;子菜单＆＃34;无法点击，但用户需要悬停才能查看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属性，则仅指示“＃”作为链接应该可以解决问题。