如何制作可选择的 A 标签？答案

【问题标题】：How do I make selectable A tag?如何制作可选择的 A 标签？
【发布时间】：2013-07-06 11:32:50
【问题描述】：

有没有办法使用 CSS 使 <a> 标记中的文本可选？

我似乎无法在网络上搜索此查询以获得有用的结果，“a”只能找到单词“a”:)

我不控制文档的原始创建。

【问题讨论】：

你是指包裹在锚标签中的文字还是属性（如href）？
我认为如果window.getSelection（或其变体）返回一个值，您将无法绑定mouseup() 事件并使用event.preventDefault()
用户可以选择文本。他只需要知道如何做到这一点。你不能用 CSS 改变它；这是关于功能的，而 CSS 是关于表现性建议的。请先描述问题是什么，然后为什么要专门使用 CSS 来解决它。标签“firefox”是否意味着您会对仅 Firefox 的解决方案感到满意，或者 Firefox 在某种程度上是解决问题的关键？
是的，这是特定于 Firefox 功能的。

【解决方案1】：

您是否尝试在 XUL 文档中执行此操作？

如果是这样，您可能正在寻找以下 CSS 属性：

-moz-user-select: text;

我已经成功地在“描述”元素上使用了它，但从未在“a”元素上尝试过。

【讨论】：

【解决方案2】：

作为用户，您要么只是试图选择锚元素内的文本。

或

您正在尝试使用 JavaScript 选择锚点内的文本以利用该文本。

如果是第一次，只需选择锚点外边缘的文本，如果所选字符距离锚点少 49%，则浏览器不会选择该字符。

如果您尝试使用 JavaScript 获取锚点的文本，您需要查看我的教程，尝试选择文本，然后单击下面的锚点。这应该会给你一些急需的方向......

如果这些都无济于事，那将极大地有益于您自己以及其他阅读您的问题以更清晰地传达您的目标的人。

【讨论】：

【解决方案3】：

<a>的本质是HTML上的一个链接。所以当鼠标点击<a>里面的文字时，链接的触发器就会自动触发。我认为它不能仅通过 CSS 归档。这里需要 JavaScript

<a href="javascript:void(0)" onclick="doclick();">Run JavaScript Code</a>

可以让您选择文本并处理点击（如果需要）

【讨论】：

我认为你的意思是鼠标按下。如果可能，我想在 css 中执行此操作。
对不起，我的意思是鼠标按下。但是 IMO 当使用标记时，mousedown 已经触发了单击事件，除非您通过使用 href="javascript:void(0)" 使单击的效果无效。然后使用 CSS 使指针成为文本选择器。这是我唯一已知的解决方案^.^.
我的意思是选择<a>中的文本，而不仅仅是光标。