JS一键复制功能-Clipboard插件

一. Clipboard方法

 

exports.zclip = function(){

new Clipboard('#danShiNumberCopy').on('success', function(e) {

layer.msg('类容已复制到粘贴板。');

e.clearSelection();

}).on('error', function(e) {

layerMsg("温馨提示",'您的浏览器不支持自动复制功能。建议您升级或更换其它浏览器已获得更流畅的用户体验。');

});

};

 

 

 

二.方法

 

exports.zclip=function(){

$("#danShiNumberCopy").zclip({

path: "/static/js/resource/clipBoard/ZeroClipboard.swf",

copy: function() {

return $("#touZhuNumberDetail").text();

},

afterCopy: function() {

var value = $("#touZhuNumberDetail").text();

if($.trim(value) != ""){

var d = $("<div class='copy-tips' style='position:fixed;z-index:999999999;width:100%;height:100%;top:0px;left:0px;'><div class='copy-tips-wrap' style='position:absolute;top:50%;left:50%;z-index:10010;padding:20px;border:1px solid #000000;background-color:#000000;opacity:.8;color:#ffffff;'>号码已经复制到剪贴板上</div></div>");

$("body").find(".copy-tips").remove().end().append(d);

$(".copy-tips").fadeOut(1000);

}

}

});

};