需求:
点击按钮,将特定的文本内容复制到剪切板上,方便在其它地方进行粘贴。
代码:
html:(记得引用jquery.js)
<textarea id="copy" style="display:none;"></textarea>
<button class="btn btn-primary btn-sm " data-toggle="modal" id="shareQrcode" onclick="copyHtmlLink();" title="复制链接">
<span class='glyphicon glyphicon-copy'></span>复制链接
</button>
js:
/**
* 复制内容
*/
function copyHtmlLink() {
var str= "这是我要复制的内容";
copyText(str);
}
/**
* 将文本内容复制到剪切板
* @param str 复制内容
*/
function copyText(str) {
$('#copy').text(str).show();
var ele = document.getElementById("copy");
ele.select();
document.execCommand('copy', false, null);
$('#copy').hide();
alert('复制成功!');
}