支持多浏览器(IE、Firefox、Opera)剪切板复制函数修正版

文章摘要：如果浏览器支持`document.querycommandsupported`，则将内容放入一个临时的``元素中，并通过`execcommand(\'copy\')`来复制内容，如果不是ie浏览器，我们使用`document.execcommand(\'copy\')`来尝试复制内容到剪切板，以下是一个修正后支持多浏览器（ie、firefox、opera）的剪切板复制函数的示例代码：这段代码中，我们首先检查`window.clipboarddata`是否存在，如果存在，则说明是ie浏览器</p></blockquote><textarea id="append-test" style="display:none;">以下是一个修正后支持多浏览器（IE、Firefox、Opera）的剪切板复制函数的示例代码： ```javascript function copyToClipboard(text) { if (window.clipboardData && window.clipboardData.setData) { // For Internet Explorer return window.clipboardData.setData(\'Text\', text); } else if (document.queryCommandSupported && document.queryCommandSupported(\'copy\')) { var textarea = document.createElement(\'textarea\'); textarea.textContent = text; document.body.appendChild(textarea); textarea.select(); try { return document.execCommand(\'copy\'); // For most browsers } catch (ex) { console.warn(\'Copy to clipboard failed.\', ex); return false; } finally { document.body.removeChild(textarea); } } else { // For Opera var input = document.createElement(\'input\'); input.setAttribute(\'value\', text); document.body.appendChild(input); input.select(); try { return document.execCommand(\'copy\'); } catch (ex) { console.warn(\'Copy to clipboard failed.\', ex); return false; } finally { document.body.removeChild(input); } } } ``` 这段代码中，我们首先检查 `window.clipboardData` 是否存在，如果存在，则说明是IE浏览器；如果不是IE浏览器，我们使用 `document.execCommand(\'copy\')` 来尝试复制内容到剪切板。如果浏览器支持 `document.queryCommandSupported`，则将内容放入一个临时的 `<textarea>` 元素中，并通过 `execCommand(\'copy\')` 来复制内容。对于Opera浏览器，我们创建一个 `<input>` 元素来处理复制操作。 请注意，由于安全策略的限制，某些浏览器可能不允许直接访问剪切板。因此，复制操作可能会失败，因此在代码中添加了一些容错处理。 希望以上内容对你有所帮助，如果有任何疑问，请随时告诉我。