Edge浏览器文本复制异常及clearSelection函数优化咨询

原代码中，修复后的CopyToClipboard函数已能在Edge、Chrome、Firefox等现代浏览器正常工作，但旧版clearSelection存在冗余判断和不必要的操作，需要针对性升级以适配全场景。

升级后的clearSelection函数 #

function clearSelection() {
    // 适配IE9+、Edge、Chrome、Firefox等现代浏览器
    if (document.getSelection) {
        const selection = document.getSelection();
        if (selection.removeAllRanges) {
            selection.removeAllRanges();
        } else if (selection.empty) {
            selection.empty();
        }
        console.log("已清空现代浏览器选区");
    } 
    // 适配IE8及更早版本
    else if (document.selection) {
        document.selection.empty();
        console.log("已清空IE8及以下版本选区");
    }
}

升级说明 #

• 简化冗余判断：现代浏览器中document.getSelection()是标准实现，和window.getSelection()功能完全等价，无需重复判断，减少代码冗余。
• 移除无效操作：原代码中addRange(document.createRange())属于多余操作——清空选区后浏览器自动处于无选择状态，无需手动添加空范围。
• 保留旧版兼容：保留对document.selection的判断，确保IE8及更早版本仍能正常清空选区。

配合使用 #

将升级后的clearSelection函数替换原有代码中的同名函数，再配合修改后的CopyToClipboard函数，即可在所有目标浏览器中实现：点击复制按钮时先清空原有选区，再选中目标元素文本并完成复制。

内容的提问来源于stack exchange，提问作者Andrew Truckle