请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需要一步,快速开始

搜索
开启左侧

前端开发:用纯JavaScript实现“复制到剪贴板”功能

马上注册,分享更多源码,享用更多功能,让你轻松玩转云大陆。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
很多浏览器开始不支持flash技术,所以,我们需要不依赖flash技术的JavaScript方法来实现浏览器端的剪贴板操作。今天给大家介绍的就是用纯JavaScript实现的解决方案:clipboard.js。
这个clipboard.js 里提供的“复制的剪贴板”API非常的简洁方便,下面就是它的一些用法:
用JavaScript拷贝、剪贴Textarea和Input里的数据
152049ebpt4wtavoyb41y6.jpg


拷贝元素的innerHTML内容
152049z2bo5zf45s0fs625.jpg


Target和Text的用法
152050zji0zr2gumg00jur.jpg


事件关联
152050phhh2yfqkq9z28y2.jpg


接下来给大家演示一下:
html
152050x4emq4tii6e2a4yu.jpg


css
152050s2h6u5hwsj6f5hws.jpg


js
152050ol9pinn73pknopk4.jpg


切图 qietu(.com) 前端外包首选
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

  • 0 关注
  • 0 粉丝
  • 4 帖子
广告招商