Question

我在此屏幕截图中的红色矩形中为我的元素添加了一个复制侦听器：

突出显示该矩形中的任何部分并单击复制是好的，它会复制并触发事件。我很容易通过测试目标来判断。

但是，如果在按Ctrl + A后发生复制，则目标为正文。或者，如果我选择“GOCR”上方的标签，然后选择下面的矩形，我将第一个文本节点作为目标。

我希望能够判断个别矩形是否在副本中，这可能吗？

Answer 1

一直在考虑这个问题，并提出使用CSS来防止选择除可选区域以外的所有内容。像这样：

<html>
<head></head>
<body style="-webkit-user-select:none;-moz-user-select:none;user-select:none;">
This is some text in the body.
<div>ORC: <button id="copy">Copy</button></div>
<div style="border:1px solid red;-webkit-user-select:text;-moz-user-select:text;user-select:text">
Selectable only text area.
</div>
</body>
</html>

这适用于您的情况吗？

检查元素的任何部分是否在副本中

1 个答案: