js实现复制文本内容到剪切板

Posted 雪剑无影

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现复制文本内容到剪切板相关的知识,希望对你有一定的参考价值。

js 部分

function copyUrl()
{
    var Url2=document.getElementById("biao1").innerText;
    var oInput = document.createElement(‘input‘);
        oInput.value = Url2;
        document.body.appendChild(oInput);
        oInput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.className = ‘oInput‘;
        oInput.style.display=‘none‘;
        alert(‘复制成功‘);
}

 html 部分

<div  id="biao1">12345678</div>
<input type="button" onClick="copyUrl()" value="点击复制代码" />

 

以上是关于js实现复制文本内容到剪切板的主要内容,如果未能解决你的问题,请参考以下文章

js 如何实现将div内的内容放到剪切板?

用js实现图片复制到剪切板的功能,兼容各种浏览器,例如IE,火狐、chome等。

复制MFC文本框内容到剪切板方法?

js将内容复制到剪切板(最简单的实现方式)

js中复制文本内容到剪切板

QT读取剪切板内容-实现复制粘贴文本和图片