ZeroClipboard使用剪贴板

a102470 2013-08-03 09:01:31

我的代码是这样的：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <script src="js/jquery-1.8.0.min.js"></script>

    <script src="js/ZeroClipboard.js"></script>

    <title></title>

    <script type="text/javascript">

        function $(id) { return document.getElementById(id); }

        function toClipboard(copy_id, input_id) {

            var clip = new ZeroClipboard.Client();

            clip.setHandCursor(true);

            clip.setText($(input_id).value);

            clip.addEventListener('complete', function (client) {

                alert("Copy Ok!");

            });

            clip.glue(copy_id);

        }

	</script>

</head>

<body>  

<input type="text" id="input_text" />  

<input id="copy_button" type="button"  value="copy" onmouseOver="toClipboard(this.id,'input_text')" />  

<br/>  

<input type="text" id="input_text2" />  

<input id="copy_button2" type="button"  value="copy" onmouseOver="toClipboard(this.id,'input_text2')"/>  

<br/>  

<input type="text" id="input_text3" />  

<input id="copy_button3" type="button"  value="copy" onmouseOver="toClipboard(this.id,'input_text3')"/>  

</body>

</html>

运行后出现不了效果，求大神们指教。

...全文

1059 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

斯洛文尼亚旅游 2014-11-27

打赏
举报

引用 9 楼 a729815303 的回复:

[quote=引用 1 楼 showbo 的回复:] 没用过，应该是配置不正确吧，如swf路径放错位置了什么的推荐一个剪贴板的：jquery.zclip.js jquery剪贴板插件

大神这个可不可获取剪切板的内容的我不止要放进去还要取出来[/quote] 只能写，不能读，要是能读安全性就没有了，如你刚好复制了重要的信息到剪贴板，人家要是能读你不玩完了

这世界如此之坑 2014-11-27

打赏
举报

引用 1 楼 showbo 的回复:

没用过，应该是配置不正确吧，如swf路径放错位置了什么的推荐一个剪贴板的：jquery.zclip.js jquery剪贴板插件

大神这个可不可获取剪切板的内容的我不止要放进去还要取出来

heqing292397690 2014-05-26

打赏
举报

suomingzhi 2014-02-13

打赏
举报

我也遇到了同样的问题,咋解决的?

斯洛文尼亚旅游 2013-08-05

打赏
举报

对的，因为使用了flash，flash本地测试存在安全问题，需要配置过flash的安全性才行，Flash发布是弹出安全警告的解决方案

a102470 2013-08-05

打赏
举报

引用 3 楼 showbo 的回复:

是哪个页面？是htmlpage1.html应该没有问题，如果是index.html就不对了，路径不对，要去掉jquery_zclip_1_1_1 <script src="jquery1.4.2.js"></script> <script src="jquery.zclip.js"></script> <title></title> <script type="text/javascript"> $(document).ready(function () { $("#dynamic").zclip({ path: 'ZeroClipboard.swf', copy: $('#text').text(), afterCopy: function () { alert("copy成功"); } }); //beforeCopy afterCopy 是可选项 }); </script>

老大，这个是不是要发布后才可以看出效果啊，我调试是看不出效果的么？

斯洛文尼亚旅游 2013-08-05

打赏
举报

是哪个页面？是htmlpage1.html应该没有问题，如果是index.html就不对了，路径不对，要去掉jquery_zclip_1_1_1 <script src="jquery1.4.2.js"></script> <script src="jquery.zclip.js"></script> <title></title> <script type="text/javascript"> $(document).ready(function () { $("#dynamic").zclip({ path: 'ZeroClipboard.swf', copy: $('#text').text(), afterCopy: function () { alert("copy成功"); } }); //beforeCopy afterCopy 是可选项 }); </script>

a102470 2013-08-05

打赏
举报

引用 1 楼 showbo 的回复:

没用过，应该是配置不正确吧，如swf路径放错位置了什么的

推荐一个剪贴板的：jquery.zclip.js jquery剪贴板插件

老大，按照你的指导我试了一下，点击复制按钮复制没有成功
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="jquery_zclip_1_1_1/jquery1.4.2.js"></script>
<script src="jquery_zclip_1_1_1/jquery.zclip.js"></script>
<title></title>
<script type="text/javascript">
$(document).ready(function () {
$("#dynamic").zclip({
path: 'jquery_zclip_1_1_1/ZeroClipboard.swf',
copy: $('#text').text(),
afterCopy: function () {
alert("copy成功");
}
});
//beforeCopy afterCopy 是可选项
});
</script>
</head>
<body>
<input type="text" name="text" id="text" value="http://www.baidu.com" />
<a href="javascript:void(0)" id="dynamic">复制</a>
</body>
</html>
下面路径是这样的

a102470 2013-08-05

打赏
举报

引用 5 楼 showbo 的回复:

对的，因为使用了flash，flash本地测试存在安全问题，需要配置过flash的安全性才行，Flash发布是弹出安全警告的解决方案

老大，我很奇怪，我单独测试的是没问题，我在应用zclip到具体项目的时候，是想复制弹出框中的<input>文本框中问题，鼠标移动到<a href="javascript:void(0)" id="dynamic">复制</a>这上面会出现相应的小手，falsh是绑定成功了，按钮也是在弹出框中的，为何就一直复制不成功呢？老大能帮我看看是什么情况么。 $.messager.confirm("操作提示", "确认要共享这【" + selectRow.length + "】个文件吗？请选择共享人员", function (r) { if (r) { $('#share').dialog('open').dialog('setTitle', '请选择新的目录'); document.getElementById("Extractcode").value = generateMixed(10); document.getElementById("link").value = url; $("#dynamic").zclip({ path: "/Areas/AMS/Scripts/jquery_zclip/ZeroClipboard.swf", copy:function () { return $('#link').val(); }, afterCopy: function () { alert("copy成功"); } });

斯洛文尼亚旅游 2013-08-03