Javascript 如何使链接不可链接？

是否有一些CSS属性或我可以使用的东西，我的锚标记，以使其不可读或我必须做的东西在代码背后，以获得我想要的

[编辑]

onclick=返回false正在刷新页面。。我不想那样。。希望此定位标记显示为纯文本。。实际上我已经在锚标签上应用了css。。因此，不能将其更改为简单标签或任何您可以使用的标签

disabled="disabled"

在锚定标签中，我相信——无论如何，这就是我在csharpindepth.com上所做的。诚然，我不想发誓它得到了多大的支持——你可能想核实一下。但在Chrome、IE和Firefox上似乎还可以。我不知道CSS中是否有一个等价物

请注意，我相信这将使链接明显不可点击（但浏览器希望这样做），而不是什么都不做

编辑：我刚刚在一个本地文件上尝试过这个，但它不起作用。。。然而它在csharpindepth.com上确实有效。值得一试，但也可能值得研究其他方法：）

编辑：正如BoltClock所指出的，这并不是严格有效的HTML——例如，这可能意味着它只能在怪癖模式下工作。（这可以解释为什么我没有在本地生产。）

您最好使用JavaScript解决方案和CSS样式来更改链接外观。。。但我将把这个答案留在这里，仅供记录。

<a href="abcd.html" onclick="return false;">abcd</a>

在
锚元素起作用。而此解决方案使用javascript和
not css
如果您希望锚定标记是链接目的地，而不是链接源，则省略href属性，仅具有name属性。HTML 4.01规范允许这一点，并建议浏览器将href less锚定标记中的文本显示为普通文本。
以下是纯HTML/CSS解决方案：

删除“href”标记，并将您的锚放到“名称”属性中（您可能已经知道这一点）
将以下样式添加到链接中：

a{ text-decoration: none; cursor: default; }


您应该使用命名属性定位锚点样式，这样所有链接都不会变得“不可链接”，如下所示：

a[name=*]{ text-decoration: none; cursor: default; }

命名属性在IE6中不起作用（可能在7中也不起作用）。一个完全跨浏览器的解决方案是向锚点添加一个类，并以该类为目标。例：

a.anchor{ text-decoration: none; cursor: default; }

注意：上述样式使链接“看起来”不可链接。若其中一个标签有一个href，你们仍然可以点击它，它会“去某处”或“做点什么”

希望这能有所帮助。
在锚定标记的正前方放置一个block style=“position:absolute”，并调整其大小以覆盖内容。不确定为什么要使其不可点击大多数人都想知道如何使分层html中的链接可点击
可以在特定图形元素上设置
指针事件
CSS属性，并告诉在什么情况下该元素可以成为指针事件的目标

none
值确保元素永远不会成为指针事件的目标，并阻止元素上的所有单击、状态和光标选项


a{
显示：内联块；
指针事件：无；
}
如果锚元素是服务器端元素，请删除href属性。
anchor.attributes.remove（“href”）
 如果要添加锚，请使用以下html代码


在您要定位的位置之前使用此html代码





通过使用此url，访问者将直接访问如何在文章中放置锚定部分
谢谢

注意：此url仅用于示例目的。它不是有效的URL，必须使用

这对我很有用。将一类disable添加到a标记中。并将此代码片段添加到您的css中

a.disable {
pointer-events: none;
cursor: default;
}

如果要使用CSS：


.x{
指针事件：无；
}

页面标题


您希望其显示为不可单击的文本还是其行为？如果您不希望文本可单击，请不要将其设置为链接。您无法信任客户端发生的事情。因此，您必须以任何方式拒绝访问服务器上的链接。行为..只需将其作为锚定标记我只希望它作为链接..只是不希望它可单击..我在代码隐藏中设置了其属性“Disabled=true..不工作，Jon Skeet也在回答与html相关的问题；-）它可以工作，但是如果OP关心HTML的有效性，
disabled
不是
的有效属性。@BoltClock:谢谢，回答中提到了。从表面上看，这是一种相当可疑的做法。我认为值得放弃，但我注意到这可能不是最好的方法。请注意，如果禁用Javascript，这将不起作用。此外，“在新标签中打开链接”仍然有效，网络爬虫仍然会跟随此链接。因此，我认为这不是一个理想的解决方案。记住不要只使用
a
，而要使用
a:link
和
a:visted
作为真正的链接。这同样适用于
：hover
：使用
a:link:hover
和
a:visted:hover
，而不仅仅是
a:hover
。即使这样，你也可以单击链接。酷学了点东西…指针事件！它确实无法单击。警告：如果链接标记中有图像，它将无法拖动，或者右键单击光标属性对我不起作用，同样在您的示例中，您知道为什么会这样吗？光标样式可能因父元素或其子元素上的
指针事件
值而异。除非您显式设置游标。此代码对blogspot用户也很有用。我在我的博客上使用了这个代码website@coatless此答案是否正确请帮助我改进我的答案，使其再次可点击？
a.disable {
pointer-events: none;
cursor: default;
}