使用JS拷贝内容到剪切板

JS拷贝内容到剪切板(2019/5/29更新兼容所有浏览器)
const copyTextToClipboard = input => {
    if (!input) return false;
    const element = document.createElement("textarea");

    element.value = input;

    // Prevent keyboard from showing on mobile
    element.setAttribute("readonly", "");

    element.style.contain = "strict";
    element.style.position = "absolute";
    element.style.left = "-9999px";
    element.style.fontSize = "12pt"; // Prevent zooming on iOS

    const selection = document.getSelection();
    let originalRange = false;
    if (selection.rangeCount > 0) {
        originalRange = selection.getRangeAt(0);
    }

    document.body.appendChild(element);
    element.select();

    // Explicit selection workaround for iOS
    element.selectionStart = 0;
    element.selectionEnd = input.length;

    let isSuccess = false;
    isSuccess = document.execCommand("copy");

    element.parentNode.removeChild(element);

    if (originalRange) {
        selection.removeAllRanges();
        selection.addRange(originalRange);
    }

    return isSuccess;
};

module.exports = copyTextToClipboard;
module.exports.default = copyTextToClipboard;
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容