现在的位置: 首页 > 综合 > 正文

ZeroClipboard.js需要点击两次才复制成功的问题 解决方案

2018年05月07日 ⁄ 综合 ⁄ 共 822字 ⁄ 字号 评论关闭

问题原因:ZeroClipboard需要再页面初始化的时候加载。

错误案例:

<div id="content">sdfdsfdsfdsfdf</div>

<a id="fuzhi"  onclick="copyFun()">复制</a>


<script type="text/javascript" src="js/ZeroClipboard.js"></script>
<script type="text/javascript"> 
var clip = null;

function copyFun() {

        clip = new ZeroClipboard.Client();  
clip.setHandCursor(true);  
clip.setText($("#content").val());  
clip.glue("fuzhi");
clip.addEventListener("complete", function(){
alert("代码已复制到剪贴板!");
});

}


</script>




正确案例:

<div id="content">sdfdsfdsfdsfdf</div>

<a id="fuzhi" >复制</a>


<script type="text/javascript" src="js/ZeroClipboard.js"></script>
<script type="text/javascript"> 
var clip = null;
$(document).ready(function(){
clip = new ZeroClipboard.Client();  
clip.setHandCursor(true);  
clip.setText($("#content").val());  
clip.glue("fuzhi");
clip.addEventListener("complete", function(){
alert("代码已复制到剪贴板!");
});
});
</script>

抱歉!评论已关闭.