原生JavaScript实现文本复制到剪切板,点击按钮后,直接粘贴即可~
HTML部分:
<button class="btn btn-info btn-minier copy-btn" data-text="卖家test">复制卖家名称</button>
js部分:
// 调用copyText方法使用了Jquery语法 $(".copy-btn").click(function() { var text = $(this).attr('data-text'); copyText(text); }); // 复制内容到剪切板 function copyText(text) { var textareaEl = document.createElement('textarea'); textareaEl.setAttribute('readonly', 'readonly'); // 防止手机上弹出软键盘 textareaEl.value = text; document.body.appendChild(textareaEl); textareaEl.select(); var res = document.execCommand('copy'); document.body.removeChild(textareaEl); console.log("已经复制到剪贴板:\n" + text); return res; }
参考文章: