H5端的复制功能

H5端的复制功能

方式1

<button οnclick=“copyToClip(‘内容’)”> Copy

/**
 * 复制内容到粘贴板
 * content : 需要复制的内容
 * message : 复制完后的提示，不传则默认提示"复制成功"
 */
function copyToClip(content, message) {
    var aux = document.createElement("input"); 
    aux.setAttribute("value", content); 
    document.body.appendChild(aux); 
    aux.select();
    document.execCommand("copy"); 
    document.body.removeChild(aux);
    if (message == null) {
        alert("复制成功");
    } else{
        alert(message);
    }
}

问题： 火狐下不兼容execCommand()方法
多种H5复制方法 https://www.jianshu.com/p/7d940587da2b

方式2

采用第三方插件剪切板 clipboard.js
https://blog.csdn.net/qq_40542728/article/details/88843773 (很不错)