如何防止文本被选中

Posted 2023-03-06

【中文标题】如何防止文本被选中

【英文标题】：How to keep text from being selected

【发布时间】：2015-01-15 04:26:16

【问题描述】：

我已经在 SO 上搜索和搜索了这里，但没有找到这个问题的答案。

我知道这可以使用 user-select:none 和 CSS 来完成，但 as you can see, this is not a standard property，我正在尝试寻找替代方案。

注意：我不在乎用户是否能得到文本。这是为了网站的设计，而不是阻止用户复制/粘贴。

我知道这可以用 JS 完成。我不知道这很难，也不知道怎么做，但是如果你在@987654322 中输入html 或JS 代码@，左侧有一个选项可以禁用文本选择。这很容易在我网站的某些部分实施吗？还是它相当复杂（就像在混淆器中一样）？

感谢您的所有帮助。 . .

【问题讨论】：

真的值得所有的麻烦吗？人们可以阅读源代码并从那里复制。

***.com/questions/2700000/…

不，这是为了展示。我不在乎他们是否收到文本。

FWIW, user-select 可能不是标准的，但得到广泛支持：caniuse.com/#feat=user-select-none

***.com/questions/3779534/… ***.com/questions/826782/…

【参考方案1】：

CSS方式：

element:before 
    content:'whatever';
;

之前和之后使它成为元素的一部分。

【讨论】：

谢谢。我不敢相信我没有想到这一点。

将内容放在这样的伪元素中是不好的做法。您突然有两个 UI 内容表面需要管理。在将您的应用程序翻译成另一种语言时，您也会希望自己没有这样做。

【参考方案2】：

使用 CSS 属性 pointer-events: none;。它会阻止鼠标对文本产生任何影响，所以不要将它用于按钮或类似的东西。