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>或 <span> .

我认为这将是一个 javascript/jquery 解决方案，我对此很满意。但实际上什至不确定从哪里开始。这能合理地完成吗？

Answer 1

您可以使用 user-select 禁用 <h1> 上的文本突出显示的属性和 <span>

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

http://jsfiddle.net/C6KWy/