跨浏览器开发
jQuery复制内容到剪切板-jquery.zclip.js的使用
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区1.我在桌面上新建一个文件夹，将jquery.js和jquery.zclip.min.js都放在里面，ZeroClipboard.swf文件也在这里。
2.html代码如下：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.zclip.min.js"></script>
<script language="JavaScript">
$(document).ready(function(){
alert($('#ori').val());
$('#description').zclip({
path:'ZeroClipboard.swf',
copy:$('#ori').text(),
});
});
</script>
</head>
<body>
<textarea id="ori" cols="10" rows="10">ljfsdf</textarea>
<input type="button" value="click me to copy" name="copy" id="description"/>
<textarea cols="10" rows="10">
</textarea>
</body>
</html>
问题：点击按钮不能将id为ori的textarea中的内容复制到剪切板
资源截图如下：
2.html代码如下：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.zclip.min.js"></script>
<script language="JavaScript">
$(document).ready(function(){
alert($('#ori').val());
$('#description').zclip({
path:'ZeroClipboard.swf',
copy:$('#ori').text(),
});
});
</script>
</head>
<body>
<textarea id="ori" cols="10" rows="10">ljfsdf</textarea>
<input type="button" value="click me to copy" name="copy" id="description"/>
<textarea cols="10" rows="10">
</textarea>
</body>
</html>
问题：点击按钮不能将id为ori的textarea中的内容复制到剪切板
资源截图如下：
...全文
相关推荐
jQuery zclip插件实现跨浏览器复制功能
jQuery-zclip是一个复制内容到剪贴板的jQuery插件，使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持，使用时记得安装Adobe Flash Player。 1、jQuery-zclip用法 //引入jQuery-zclip相关js及swf文件 [removed]/resources/js/jquery.min.js">[removed] [removed]/resources/j
复制内容到剪切板 zclip使用
NULL 博文链接：https://username2.iteye.com/blog/2098734
兼容所有浏览器的点击复制功能（请在服务器上测试）
jquery+flash实现点击复制到剪切板。 1. 加载jQuery和zClip，地址请根据各自的存放地址做相应修改 2.js实现点击复制的代码（注：请上传到服务器上测试）
jquery.zclip.min.js
可用jquery的插件：zclip解决js复制在不同浏览器的支持度。
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
