博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js兼容各个浏览器的复制功能
阅读量:4880 次
发布时间:2019-06-11

本文共 938 字,大约阅读时间需要 3 分钟。

看似简单的复制功能,用js做起来竟然遇到各种情况。刚开始在网上搜索到复制功能的几种实现方法,但是都不兼容。最后还是用的插件代码如下

html模板

           1           小明                                             复制链接                       2           小红                                             复制链接            ...

这个是循环遍历出来的数据,对某一个数据进行复制,可以粘贴任意位置。插件下载的有两个。一个是jquery.zclip.js,另一个是ZeroClipboard.swf

$(document).ready(function(){/* 定义所有class为copy-input标签,点击后可复制class为view_url的文本 */    $(".copy-input").zclip({        path: "/Public/js/ZeroClipboard.swf",//swf存放的位置        copy: function(){        return $(this).prev('input[name="view_url"]').val();//复制的值        },        afterCopy:function(){
/* 复制成功后的操作 */ var $copysuc = $("
☺ 复制成功
"); $("body").find(".copy-tips").remove().end().append($copysuc); $(".copy-tips").fadeOut(3000);//3秒后自动消失 } });});

利用flash兼容所有浏览器的复制。比较简单方便。

 

转载于:https://www.cnblogs.com/angellating/p/4950653.html

你可能感兴趣的文章
http
查看>>
8-1-组队赛
查看>>
codility: CountTriangles
查看>>
赛斯说
查看>>
python 中的pipe
查看>>
(SQL Analyzer services)定义链接维度
查看>>
squid
查看>>
系统开发管理、架构与设计步步谈随笔索引
查看>>
Java的时间空间复杂度详解
查看>>
有效防止SQL注入漏洞
查看>>
Linux chown命令
查看>>
十、I/O流——4-输入、输出流体系
查看>>
十二、网络编程——4-基于UDP协议的网络编程
查看>>
异常处理与调试6 - 零基础入门学习Delphi55(完)
查看>>
if语句三种形式
查看>>
正则表达式之字符串验证
查看>>
codeblocks如何支持_tmain?可移植代码的编码推荐
查看>>
省市联动 填坑
查看>>
canvas写的一个小时钟demo
查看>>
原来今天是冬至
查看>>