博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现复制功能
阅读量:5994 次
发布时间:2019-06-20

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

在一些涉及到个人信息比较多的h页面,经常可能会出现复制账号到剪切板的功能,那么怎么用js怎么实现复制粘贴功能呢?正好最近开发的模块中又有一个这样的功能,总结一下,方便后面使用。

效果图

834823-20170323111958783-179853315.gif

核心代码

require(['clipBoard'],function(clipBoard){    var el = document.getElementById('forCopy'),        clip = new clipBoard(el, {        copy: function() {            return el.value;        },        afterCopy: function() {            $.tip({content: '复制成功'})        }})

这里require了一个js插件,插件里实现了复制(copy)、剪切(cut)、粘贴(paste)三个方法,备份到github:

转载于:https://www.cnblogs.com/liliangel/p/6604228.html

你可能感兴趣的文章
JDBC 批量插入数据优化, 使用 addBatch 和 executeBatch
查看>>
PowerDesigner更改数据库类型
查看>>
2015年这6部科幻电影,你看了吗?
查看>>
导出excel(sqlserver)
查看>>
Gallery Server Pro ----用于分享相片,视频,音频及其他媒体的ASP.NET相册[Carol]
查看>>
Uvaoj 11248 Frequency Hopping(Dinic求最小割)
查看>>
网站统计代码
查看>>
安装centos 7的时候出现An Unknown Error Has Occurred
查看>>
Linux常用命令大全
查看>>
ceph存储 磁盘IOPS常识
查看>>
ORA-12720: operation requires database is in EXCLUSIVE mode
查看>>
ELK日志服务使用-kafka传输日志(bbotte.com)
查看>>
linux系统之iptables其二命令注解
查看>>
Silverlight C# 游戏开发:高深莫测却浅显易懂的游戏开发
查看>>
AI将如何改变广告业,这里有三个计算机视觉应用案例
查看>>
标准ACL+扩展ACL+命名ACL
查看>>
Apache2.4.1编译安装报错解决
查看>>
Linux常用的基本命令14
查看>>
《zabbix进程组成结构与zabbix_agentd.conf配置文件参数详解》-3
查看>>
8-22学习练习[一个viewController整合增删移动功能]
查看>>