javascript - 不允许用户选择网页的一部分

Question

我有一个名称列表，可以单击显示每个名称的详细信息。但我不希望该列表的名称被选择和复制。它只是一个保护。怎么办？

可以在上面放一个透明层，或者使用onselectstart事件，但不好

Answer 1

如果只是为了美观，因为您需要在 Javascript 中进行一些操作，这会使选择变得奇怪，您可以通过此 CSS 属性禁用用户选择:

.block {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

但是，用户始终可以通过其他方式选择内容:源代码、停用 CSS、将页面保存在磁盘上等。您无法保护您的数据不被在 Internet 上复制。如果您只想保留它，请不要在网络上共享它:) See also this post这解释了另一个问题的主题。