首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >创建一个不做任何事情的HTML链接(字面上什么都不做)

创建一个不做任何事情的HTML链接(字面上什么都不做)
EN

Stack Overflow用户
提问于 2011-11-25 01:10:06
回答 11查看 116.5K关注 0票数 96

我想要一个什么都不做的链接。我不想这样:

<a href="#">

因为这样URL就变成了something.com/whatever/#

我想要链接的唯一原因是用户可以看到他们可以点击文本。JavaScript被用来执行一些操作,所以我不需要链接去任何地方,但我需要它看起来像一个链接!

我可以使用一些数据属性,并告诉我CSS让元素看起来像链接,如果它们有这个属性,但这似乎有点夸张。

EN

回答 11

Stack Overflow用户

回答已采纳

发布于 2011-11-25 01:11:16

以下将阻止运行您的href

<a href="#" onclick="return false;">

如果使用的是jQuery,则可以使用event.preventDefault()

票数 131
EN

Stack Overflow用户

发布于 2011-11-25 01:13:51

试试这个:

<a href="javascript:void(0);">link</a>
票数 105
EN

Stack Overflow用户

发布于 2011-11-25 01:13:08

不要让它成为一个链接(尽管它是首选的),并用CSS设置样式,让它看起来像一个链接:

p.not-a-link { text-decoration: underline; cursor: pointer } 

或者更好的做法是将其设置为链接,并让使用e.preventDefault()的javascript函数阻止该链接。

另外,将该链接添加到href,以便没有启用JS的用户仍然可以使用它(作为备用)。

票数 13
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8260546

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档