是否可以禁用元素的href，但不禁用所有指针事件？

Question

我在导航菜单中有一个元素，我想要禁用a href链接（理想情况下使用CSS，必要时使用JS）。我目前使用的CSS是：

#SideCategoryMenu a { pointer-events: none }

但这消除了来自该链接的每个 CSS事件，包括:hover个事件和其他可能的onclick个事件。如何更改此代码，以便仅 a被禁用（或暂时更改为href="#"或其他内容）？

Answer 1

将此添加到您的代码中：

$('#SideCategoryMenu a').click(function(e){
   e.preventDefault();
});

这将取消单击链接时的所有操作。