防止複製某些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/