javascript - 锚标签的行为非常奇怪

Question

我在网站上有一个锚标签，如下所示：

<a href="http://www.abc.com/..." class="abc-profileinsider-popup">
  <img src="..." />
</a>

问题是它永远不会在单击时将页面重定向到 href。

每当我将类重命名为abc-profileinsider-popupXX-profileinsider-popup是除 之外的任何字符串时abc，它都会起作用。谁能说出这种行为背后的原因？

Answer 1

我认为您的代码中有一个事件处理程序可以防止默认行为，并且它专门附加到具有 abc-profileinsider-popup类的元素。

如果是这种情况，您应该找到类似的内容：

myAnchor
  .addEventListener("click", function (event) {
    event.preventDefault();
  });

我会在您的代码库中搜索字符串abc-profileinsider-popup的出现。

那是我写的一篇文章，以防您需要有关W3C 事件模型的更多信息。

Answer 2

您在某处有一个 javascript 函数，该函数将事件附加到具有类的元素：abc-profileinsider-popup。

此函数必须返回 false 意味着链接不处理。尝试禁用 javascript 以确认这一点，该链接应该在禁用 Javascript 的情况下工作。

然后搜索代码，看看它在做什么:)