【问题标题】: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 中输入HTMLJS 代码@,左侧有一个选项可以禁用文本选择。这很容易在我网站的某些部分实施吗?还是它相当复杂(就像在混淆器中一样)?

感谢您的所有帮助。 . .

【问题讨论】:

标签: javascript obfuscation textselection


【解决方案1】:

CSS方式:

element:before {
    content:'whatever';
};

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

【讨论】:

  • 谢谢。我不敢相信我没有想到这一点。
  • 将内容放在这样的伪元素中是不好的做法。您突然有两个 UI 内容表面需要管理。在将您的应用程序翻译成另一种语言时,您也会希望自己没有这样做。
【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-03-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-05
    • 1970-01-01
    • 2021-12-20
    • 1970-01-01
    相关资源
    最近更新 更多