1.ZeroClipboard.js需要点击两次才复制成功var footer = $('<div class="modal-footer text-right "><button type="button" class="ub-btn ub-btn-default zclip">全部复制到剪切板</button> </div>')var client = new ZeroClipboard($('.zclip',footer)); $('.zclip',footer).click(function(){ alert("出行人信息复制成功，随处粘贴可用！") client.setText(textarea.val()); });
1 回答
弑天下
TA贡献1818条经验 获得超8个赞
1.重点:目录文件：这个底层是flash 所以保证swf文件与脚本在同级目录
2.data-clipboard-target="content"设置属性
3.本测试用的2.X
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<textarea id="content" rows="10" cols="40">这里是需要复制的内容</textarea>
<input id="copy" type="button" data-clipboard-target="content" value="复制">
<script type="text/javascript" src="js/jquery.js" ></script>
<script src="js/ZeroClipboard/ZeroClipboard.min.js"></script>
<script>
/**
1、ZeroClipboard依赖于jquery，确保引入了jquery，并放在同一目录下。
2、ZeroClipboard.js ZeroClipboard.min.js ZeroClipboard.swf三个文件放在同一目录下。
3、上代码： */
$(document).ready(function() {
var clip = new ZeroClipboard($("#copy"));
clip.on('error', function (event) {
alert("复制失败，请手动复制。"); .
});
clip.on('aftercopy', function (event) {
alert("复制成功！"); +
});
});
</script>
</body>
</html>
添加回答
举报
0/150
提交
取消