javascript - 如何在 标签中添加 onclick 但不执行 href ="url"？

Question

我想向 <a> 添加 onclick 函数onclick 将运行而 href 不会运行的标记。我读到您需要做的就是添加 return false;像这样的 onclick 函数:

<a href="https://google.ca" onclick="alert(1); return false;">click here!</a>

这应该创建一个警报对话框，而不是跳转到谷歌(或者我被告知)，但对我来说，它不会显示警报对话框，而是直接转到谷歌。我也尝试过return true;但同样的事情发生了。

这种情况是用户在文本框中输入他们想要的任何内容(可以包含一组列入白名单的 HTML 标签，包括 <a> )。当他们按下 Enter 键后，系统会将他们带到一个新页面，并且 HTML 会反射(reflect)在该页面上。我想看看他们是否可以使用 onclick 输入可能是恶意网站的链接，而不是转到 href。

编辑:

当我检查链接时，显示的内容如下:

<a href="https://google.ca" rel="nofollow">click here!</a>

没有关于 onclick 函数和警报的内容。为什么它去掉了 onclick？

这个片段也对我有用。这与我正在使用的网络应用程序有关，我试图弄清楚是否有什么东西可能阻止此 onclick 运行

Answer 1

你可以试试

<a href="http://google.com" onclick="alert_func()">

function alert_func(){
    alert(1);
    return false;
}