js实现点击复制文字

方法一:用到了clipboard.js

<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="http://lib.baomitu.com/clipboard.js/1.6.1/clipboard.min.js"></script>

<script>
//点击动态添加复制内容
$(".nav-warp").click(function(){
var contentext = '¥c2akJD2Js98¥'; //复制内容(后台传过来的淘口令)
$(".nav-warp").attr("data-clipboard-text",contentext);
});
//触发方法
var clipboard = new Clipboard('.nav-warp');
//回调函数(成功、失败)
clipboard.on('success', function(e) {
// console.log(e);
});

clipboard.on('error', function(e) {
console.log(e);
});
</script>

方法二:原生js语法

<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}
</script>
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注