防止锚点关注href答案

【问题标题】：Prevent an anchor from following href防止锚点关注href
【发布时间】：2015-05-22 17:55:46
【问题描述】：

我有一个如下定义的锚 -

<a onClick="javascript:isLinked('');" class="..." href="..."><img border="0" alt="" height="8" width="8" src="..."/> <u>Add another</u></a>

javascript 函数 -

function isLinked(sId) {
        if(!sId)
        {
            alert(".....");
            return false;
        }
        else
            document.body.style.cursor='wait';                  
    }

虽然我确实看到点击锚点时触发了警报，但链接仍然跟随目标网址。
如何防止链接被跟踪？

浏览器是IE8（如果相关的话）

【问题讨论】：

使用 e.preventDefault(); 和 return false; 但是你应该在你的函数中的事件源中有 e
我觉得这个问题类似于prevent-anchor-behaviour

标签： javascript html

【解决方案1】：

你需要从onclick handler返回方法返回的值

onClick="return isLinked('');"

【讨论】：

【解决方案2】：

javascript 禁用链接的方法是添加return false;。在您的情况下，布尔值由您的函数 isLinked 确定。所以答案是：

<a onClick="return isLinked('');" class="..." href="..."><img ...

如果这可能对您有用，还有一种 css 方法可以禁用链接，如 here 所述。

【讨论】：