JS implements the method of copying contents to the clipboard

Replication method

/**
 *  Copy function 
 * text  Pass in the text to copy 
 * callback  Callback after copying 
*/
function copy(text, callback) {
    //  Implement replication method 1 ：
    if (navigator.clipboard) {
        navigator.clipboard.writeText(text);
        callback && callback(true);
        return;
    }

    //  Implementation of replication method 2 ：
    var copyInput = document.getElementById('copyInput');
    if (!copyInput) {
        var copyInput = document.createElement('input');
        copyInput.setAttribute('id', 'copyInput');
        copyInput.style.position = 'fixed';
        copyInput.style.left = '-100%';
        copyInput.style.top = '0';
        copyInput.style.zIndex = -100;
        copyInput.style.opacity = 0;
        document.body.appendChild(copyInput);
    }
    copyInput.value = text;  
    copyInput.focus();
    copyInput.select();

    // document.execCommand  May be abandoned 
    if (document.execCommand('copy')) {
        document.execCommand('copy');
    }

    copyInput.blur();

    callback && callback(true);
}

Copy

Calling method

copy(' Pass in the text you want to copy ');

Copy

Related articles

navigator.clipboard

document.execCommand