JS一键复制功能-Clipboard插件

曾经终败给现在 2022-12-24 03:00 240阅读 0赞

一. Clipboard方法

exports.zclip = function()\{

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

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

e.clearSelection();

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

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

\});

\};

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E4MTI5Nzk3Mjk_size_16_color_FFFFFF_t_70][]

二.方法

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);

\});

\};

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E4MTI5Nzk3Mjk_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E4MTI5Nzk3Mjk_size_16_color_FFFFFF_t_70]: /images/20221120/622a98efb4df49688ce667fabd6d77b6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E4MTI5Nzk3Mjk_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20201126174000891.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E4MTI5Nzk3Mjk=,size_16,color_FFFFFF,t_70