防止复制某些HTML元素

时间:2013-06-04 20:23:16

标签: javascript jquery html css

我不完全确定如何研究这个想法。我确信它已经完成,但是我有一个问题可以说明它有效的谷歌搜索。

我有一个结果页面,可以选择将结果下载到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>元素&amp;不是<h1><span>

我认为这将是一个javascript / jquery解决方案,我很好。但实际上还不确定从哪里开始。这可以合理地完成吗?

1 个答案:

答案 0 :(得分:5)

您可以使用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/