美文网首页
JS实现剪切板内容复制功能

JS实现剪切板内容复制功能

作者: 一杯柠檬可乐 | 来源:发表于2022-06-16 10:20 被阅读0次
    /**
     * @param {String} el 需要复制内容的元素
     * @return {Boolean} 复制成功:true或者复制失败:false  执行完函数后,按ctrl + v试试
    */
    function copyText(el){
        const ele = document.querySelector(el);
        const textareaC = document.createElement('textarea');
        textareaC.setAttribute('readonly', 'readonly'); // 设置只读属性防止手机上弹出软键盘
        textareaC.value = ele.innerText;
        document.body.appendChild(textareaC);  // 将textarea添加为body子元素
        textareaC.select();
        const result = document.execCommand('copy');
        document.body.removeChild(textareaC); // 移除DOM元素
        return result;
    }
    

    相关文章

      网友评论

          本文标题:JS实现剪切板内容复制功能

          本文链接:https://www.haomeiwen.com/subject/wyafvrtx.html