尽管由于邻居div而使用“ user-select:none”,但Chrome复制了整个html

时间:2018-07-29 19:15:50

标签: javascript html html5 css3

在示例中,我需要完全无法复制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>

关于禁止复制div2(与邻居)的方式有何建议?

1 个答案:

答案 0 :(得分:0)

最好防止这样的复制(尽管它是非标准的(请参阅 here ),但包括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>