javascript - 防止某些 HTML 元素被复制

Question

我不完全确定如何研究这个想法。我确定它已经完成，但我在为有效的 Google 搜索阐明它时遇到了问题。

我有一个结果页面，可以选择将结果下载到 csv。但我想有时用户宁愿复制并粘贴页面上的可见结果。我怎样才能得到它，所以当他们复制/粘贴时，它只显示结果而不是标题。

<h1>results #1</h1>
<p>here are all of your awesome results</p>
<p>here are all of your awesome results</p>
<span> showing 2 of 2 </span>

所以在我的示例代码中，他们只会复制<p>元素而不是<h1>or <span>。

我认为这将是一个 javascript/jquery 解决方案，我很好。但甚至不确定从哪里开始。这可以合理地完成吗？

score 7 · Accepted Answer

您可以使用该user-select属性来禁用<h1>和<span>

h1, span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
 user-select: none;
}

1 回答 1