什么时候可以禁用文本选择？

在本文中，我们将探讨这些用例，并了解如何改善（而不是阻碍）用户体验。用户选择属性还有其他值，这些值可用于更改文本选择的行为而不是完全禁用它，以及另一个甚至强制文本选择的值，这也是毫无价值的，所以我们也将看看这些值。user-select: nonenone

可能的值user-select

让我们通过运行不同的值及其作用来开始事情。user-select

应用于元素意味着其文本内容和嵌套文本内容在功能上不可选择或视觉上可选（即不起作用）。如果要进行包含一些不可选择内容的选择，则不可选择的内容将从选择中省略，因此它得到了很好的实现。而且支持很棒。user-select: none;::selection

user-select: contain是一个有趣的。应用它意味着如果选择在元素内开始，那么它也必须在元素中结束，包含它。然而，奇怪的是，当选择在元素之前开始时，这并不适用，这可能就是为什么目前没有浏览器支持它的原因。（Internet Explorer和早期版本的Microsoft Edge以前以它的幌子支持它。user-select: element

选择元素的一部分内容会导致自动选择所有元素内容。要么全有，要么全无，这非常不妥协，但在用户更有可能将内容复制到剪贴板（例如共享和嵌入链接、代码片段等）的情况下很有用。用户无需双击，只需单击一次即可自动选择内容。user-select: all

但是要小心，因为这并不总是您认为的功能。如果用户只想选择部分内容（例如，仅选择 Google 字体代码段的字体名称部分或代码段的一部分），该怎么办？

更好的应用是确保报价被完全准确地复制。user-select: all

从所选内容中删除非文本

当您从网页复制内容时，它可能来自文章或其他类型的长篇内容，对吧？您可能不希望您的选择包含图像、表情符号（有时可以复制为文本，例如“：thinkingface：”），以及您可能期望包含在 anelement 中的其他内容（例如，文章内号召性用语、广告或其他不属于主要内容的内容）。