原生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;
}
参考文章: