javascript – Probleme beim Deaktivieren der Textauswahl und des Kopierens
Der Stil ist wie folgt
.test1 {
user-select: none;
}
Die Struktur von HTML ist wie folgt
<body>
<p class="content">
<p class="test2">111</p>
<p class="test1">222</p>
<p class="test2">333</p>
<p class="test1">444</p>
<p class="test2">555</p>
</p>
</body>Ich habe die Option eingerichtet, diesen Artikel für einige Elemente zu deaktivieren. Wenn ich ein Element einzeln auswähle, kann ich die Auswahl tatsächlich deaktivieren, und der Inhalt kann nicht kopiert werden. Wenn ich jedoch cmd + a verwende, um alle auszuwählen, wird mir die Option „Deaktiviert“ angezeigt Elemente in Die Seite zeigt an, dass sie nicht ausgewählt ist, aber der Inhalt kann zu diesem Zeitpunkt kopiert werden.
Als nächstes verwenden Sie js zur Steuerung:
[].forEach.call(document.querySelectorAll('.test1'), (node) => {
node.addEventListener('copy', (e) => {
e.stopPropagation();
e.preventDefault();
console.log(1);
return false;
}, true);
node.addEventListener('selectstart', (e) => {
e.stopPropagation();
e.preventDefault();
console.log(2);
return false;
}, true);
});Ich habe festgestellt, dass es bei der Auswahl einzelner Knoten immer noch wirksam wird, bei der Auswahl aller jedoch fehlschlägt. Daher möchte ich fragen, ob es eine Möglichkeit gibt, nicht auswählbare Knoten unter den auswählbaren Knoten zu verteilen und es auch zu ermöglichen, nur die auswählbaren Knoten auszuwählen Kopieren.
