jquery 点击复制功能

jquery 点击复制功能

jquery 点击复制功能
在网上找了些相关的资料,这里讲下
jquery.zclip.min.js的复制功能是不错,但是还要再加载一个ZeroClipboard.swf,
下载地址:http://pan.baidu.com/s/1o8Lk8rS
加载的内容
[js]
$(function(){
$(‘#copy_input’).zclip({
path: ‘js/ZeroClipboard.swf’,
copy: function(){//复制内容
return $(‘#mytext’).val();
},
afterCopy: function(){//复制成功
$("<span id=’msg’/>").insertAfter($(‘#copy_input’)).text(‘复制成功’);
}
});
});
[/js]
如果复制的内容来自输入框input、textarea等,copy对象使用
[js]
copy: function(){
return $(‘#mytext’).val();
}
[/js]
如果复制的内容来自页面元素div、p之类的,copy对象使用
[js]
copy: function(){
return $(‘#mytext’).text();
}
[/js]

还有一个是clipboard.js的复制功能,不需要加载Flash
下载地址:http://pan.baidu.com/s/1hsGDfU0
功能代码:
[js]
var clipboard = new Clipboard(‘.btn’);
clipboard.on(‘success’, function(e) {
console.log(e);
});
clipboard.on(‘error’, function(e) {
console.log(e);
});
[/js]

发表评论

© 2022. powered by PHP 个人小站