需求:

点击按钮,将特定的文本内容复制到剪切板上,方便在其它地方进行粘贴。


代码:

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('复制成功!');
}

 

更多推荐

JQuery复制文本到剪切板