js插件zClip实现复制到剪贴板功能
2015-07-23 16:43
691 查看
js插件zClip实现复制到剪贴板功能
<script type="text/javascript" src="/js/zclip/jquery1.4.2.js"></script>
<script type="text/javascript" src="/js/zclip/jquery.zclip.js"></script>
<input type="text" name="copy_input" id="copy_input"/>
<script type="text/javascript">
$(document).ready(function(){
$(".copy_input").zclip({
path: "/js/zclip/ZeroClipboard.swf",
copy: function(){
var num = Math.random();
return $(this).parent().find(".input").val()+num;
},
afterCopy: function(){//复制成功
$("<span id='msg'/>").insertAfter($('#copy_input')).text('复制成功');
}
});
});
</script>
复制文本框中链接到剪切板
<input type="text" value="www.baidu.com" id="link">
<span id="copyBtn">链接</span>
<script>
$('#copyBtn').zclip({
path: "ZeroClipboard.swf",
copy: function(){
return $('#link').val();
}
});
</script>
path:swf调用路径,必须,如js/ZeroClipboard.swf,ZeroClipboard.swf文件已存在下载包中。
copy:复制的内容,必须,任意字符串,也可以是回调函数返回的内容
beforeCopy:复制内容前回调函数,可选
afterCopy:复制内容后回调函数,可选
js文件地址:http://download.csdn.net/detail/u010739973/8926803
<script type="text/javascript" src="/js/zclip/jquery1.4.2.js"></script>
<script type="text/javascript" src="/js/zclip/jquery.zclip.js"></script>
<input type="text" name="copy_input" id="copy_input"/>
<script type="text/javascript">
$(document).ready(function(){
$(".copy_input").zclip({
path: "/js/zclip/ZeroClipboard.swf",
copy: function(){
var num = Math.random();
return $(this).parent().find(".input").val()+num;
},
afterCopy: function(){//复制成功
$("<span id='msg'/>").insertAfter($('#copy_input')).text('复制成功');
}
});
});
</script>
复制文本框中链接到剪切板
<input type="text" value="www.baidu.com" id="link">
<span id="copyBtn">链接</span>
<script>
$('#copyBtn').zclip({
path: "ZeroClipboard.swf",
copy: function(){
return $('#link').val();
}
});
</script>
path:swf调用路径,必须,如js/ZeroClipboard.swf,ZeroClipboard.swf文件已存在下载包中。
copy:复制的内容,必须,任意字符串,也可以是回调函数返回的内容
beforeCopy:复制内容前回调函数,可选
afterCopy:复制内容后回调函数,可选
js文件地址:http://download.csdn.net/detail/u010739973/8926803
相关文章推荐
- JavaScript中对象深复制
- Jsoup学习笔记8:Jsoup 解析指定目录中的saz文件,生成一个名字相同的htm文件,将解析结果写入csv文件中
- js和jq常用方法区分
- JavaScript中你所不知道的Object(一)
- vs2010中 js的intellisense(智能提示) 和 Snippets(代码块)
- JSTL详解--EL表达式
- RegExp对象的使用与正则替换
- 六度分离(floyd算法+dijskra+SPFA)
- 支持移动设备的纯Javascript画廊
- javascript之处理Ajax错误
- javascript基础(二)
- 网页首页广告显示缓慢向上消失
- js实现图片预览
- JS高级程序设计5-引用类型
- JS闭包简单了解
- JavaScript对象继承的方法
- 【SSH异常系列】Cannot call sendError() after the response has been committed
- JS测试框架-Jasmine简介
- 关于Json文件的读写
- ExtJs的API文档查看——需要部署到web服务器上