javascript - onclick 工作时 href 不工作

Question

主题有问题。好吧，例如，我有这个 html

<a href="/en/pages/socials.aspx">Learn more</a>

这是行不通的。好吧，也许有一些不可见的元素不允许点击它。这里我添加了 onclick 属性:

<a href="/ru/pages/socials.aspx" onclick="javascript:alert('Hi');">Learn more</a>

但现在我看到出现“Hi”消息(所以 <a> 标签是可点击的)，但它不会更改当前页面。

嗯，好的。现在我将 javascript 更改为:

<a onclick="window.location.href='/ru/pages/socials.aspx';return false;"  href="/ru/pages/socials.aspx">Learn more</a>

现在它按预期工作，但我正在寻找非 JS 纯 HTML 解决方案。

请指教。为什么 <a>对于 href 可能是不可点击的，但具有可行的 JS onclick 事件？

Answer 1

您是否通过例如添加点击事件监听器查询？也许您正在通过以下方式禁用默认行为:

$(..).click(function(e){
    e.preventDefault();
    ...
});

我会排除“错误”标记(如重叠的 div 或其他东西)，因为您可以在添加内联 onclick 时使用该链接。