为什么 document.execCommand("copy") 在 Internet Explorer 11 中不再有效？

Question

在我们的应用程序中，我们使用以下逻辑将 HTML（文本和格式）复制到剪贴板。

function copy(element_id)
{
    var aux = document.createElement("div");
    aux.setAttribute("contentEditable", true);
    aux.innerHTML = document.getElementById(element_id).innerHTML;
    aux.setAttribute("onfocus", "document.execCommand('selectAll',false,null)"); 
    document.body.appendChild(aux);
    aux.focus();
    document.execCommand("copy");
    document.body.removeChild(aux);
    console.log("COPY");
}

<p id="demo"><b>Bold text</b> and <u>underlined text</u>.</p>
  
<button onclick="copy('demo')">Copy To Clipboard Keeping Format</button>

它在所有主要浏览器（Chrome、Firefox、Edge 和 Internet Explorer）中运行良好。

使用最新的 Internet Explorer 版本 11.125.16299.0（更新版本：11.0.49 - KB4052978），HTML 不再复制到剪贴板。

下面有一个安全设置：

Options -> Security -> Edit level ... -> Scripting -> Allow access to clipboard

我将值从 "Ask" 更改为 "Activated"。这没有效果。

有谁知道为什么、他们改变了什么以及其他解决方案或解决方法？谢谢。

Answer 1

原来问题不是document.execCommand("copy")，而是document.execCommand('selectAll',false,null)。虽然它在视觉上 select div 的内容（你可以看到它，如果你不从 DOM 中删除它） selection 不被识别复制命令。

以下代码有效：

function copy(element_id)
{
    var aux = document.createElement("div");
    aux.setAttribute("contentEditable", true);
    aux.innerHTML = document.getElementById(element_id).innerHTML;
    document.body.appendChild(aux);
    window.getSelection().selectAllChildren(aux);
    document.execCommand("copy");
    document.body.removeChild(aux);
    console.log("COPY");
}

<p id="demo"><b>Bold text</b> and <u>underlined text</u>.</p>
  
<button onclick="copy('demo')">Copy To Clipboard Keeping Format</button>

为什么 document.execCommand("copy") 在 Internet Explorer 11 中不再有效？

Why is document.execCommand("copy") no longer working in Internet Explorer 11?

html

javascript

clipboard