如何禁用 html 中特定元素的复制

Question

在这里，当选择 3 个元素时，我遇到了复制选项的问题，所有三个元素都被复制。但是，我有一个 Jquery 函数来禁用中间元素的复制。我如何在选择 3 个元素时禁用它。但是，如果我单独选择中间元素，它就不会复制。

$('#notcp').bind('cut copy paste', function (e) {
    e.preventDefault();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p >
select and copy
</p>
<p id="notcp">
cannot copy
</p>
<p>
select and copy
</p>

Answer 1

使用此 CSS 样式禁用选择。这样文本将不会被选择。因此也无法复制。

#notcp {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}