javascript - 有什么办法可以防止复制 html div 的内容或将带有样式的文本输入到剪贴板？

Question

例子:

<div id="184" style="position: relative;" class="EditBox" tabindex="0" contenteditable="true">SomeText</div>

我想要实现的是当用户复制文本时，防止复制它的样式。 有没有办法使用 DOM 或 javascript 或任何可能的方法来做到这一点？

Answer 1

我通过向 div 或输入添加一个事件监听器来解决它，它拦截复制命令，而是复制纯文本而不是 html 样式:

document.querySelector("div[contenteditable]").addEventListener('copy', function(e) {
alert('Copied');
   e.clipboardData.setData('text/plain', 'Hello! Welcome');
   e.preventDefault();
 });