防止复制某些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/