如何防止文本被选中

Question

我在Google上搜索并搜索过，但是没有找到这个问题的答案。

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

注意：我不在乎用户是否可以获取文本。这是为了网站的设计，而不是让用户不能复制/粘贴。

我知道这可以用JS来完成。我不知道这很难，或者怎么做，但如果你输入HTML或JS代码进入HTMLObfuscator，左侧有一个选项可以禁用文本选择。这很容易实现到我网站的某些部分吗？或者它是否相当复杂（如在混淆器中）？

感谢您的帮助。 。 。

Answer 1

CSS方式：

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

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

Answer 2

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