Javascript Chrome复制整个html,尽管使用了;用户选择:无";因为邻居div

Javascript Chrome复制整个html,尽管使用了;用户选择:无";因为邻居div,javascript,html,css,Javascript,Html,Css,在本例中,我需要id为div2的div根本无法复制。 如果它单独存在,则完全没有问题,因为用户鼠标无法选择它 问题是如果它有一个可选择的div,用户可能会使用鼠标选择第一个和第三个div,因此复制操作也会复制div2div <div id="div1" style="user-select:text;">Text1</div> <div id="div2" style="user-select:none;">Text2</div> <div

在本例中,我需要id为
div2
的div根本无法复制。 如果它单独存在,则完全没有问题,因为用户鼠标无法选择它

问题是如果它有一个可选择的div,用户可能会使用鼠标选择第一个和第三个div,因此复制操作也会复制
div2
div

<div id="div1" style="user-select:text;">Text1</div>
<div id="div2" style="user-select:none;">Text2</div>
<div id="div3" style="user-select:text;">Text3</div>
Text1
文本2
文本3

关于不允许复制
div2
(与邻居)的方法,有什么建议吗?

最好防止这样的复制(尽管它是非标准的(请参阅),包括IE在内的所有主要浏览器都支持它)-如果您真正的目的是防止复制:

<div onCopy="alert('No copying or cutting.'); return false;"
      onCut="alert('No copying or cutting.'); return false;"
      style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;">
</div>


是,您可以使用
用户选择:无,但您的文本始终可以从源代码或通过选择“其他”进行复制nearby@PedroSturmer嘿,这并没有回答我的问题,我已经在使用
user select:none
。可能只是为用户添加一个“copy to clipboard”(复制到剪贴板)按钮,并在复制内容上使用类似和一些自定义逻辑,如果这只是为了改善用户体验。