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:复制内容前回调函数,可选
<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.youkuaiyun.com/detail/u010739973/8926803