万能的“一键复制到剪贴板”,支持IE、火狐、谷歌及移动版浏览器

clipboard.js是一个3KB的轻量级JavaScript库,无需Flash,支持IE、火狐、谷歌和移动版浏览器的文本框与文本域的剪贴板复制操作。本文介绍了如何下载和使用clipboard.js,以及其更广泛的功能和浏览器支持情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

万能的“一键复制到剪贴板”,支持IE、火狐、谷歌及移动版浏览器

   说到点击按钮“复制到剪贴板",大家都可能用过,但是之前的实现方不是只支持某些浏览器,就是要在网页内嵌swf(Flash)文件。

   这两种方法:第一种不能很好的兼容多数浏览器,第二种方式下开发人员可能会担心Flash的安全性问题。

   现在出现了一种新的实现方式:clipboard.js。只要给页面引入一个js文件,并且在页面上做一定处理,就可
   实现全浏览器兼容的“一键复制到剪贴板”的功能。

目录

clipboard.js

无需Flash,无需框架;
仅需3KB的压缩版JS ,就可实现华丽的剪贴板复制操作 —— [clipboardjs.com]

clipboard.js是一个轻量级的“一键复制到粘贴板”工具,您只需要将其引入您的项目,并在对应位置调用即可。

下载clipboard.js

最直接的方式就是进入官方主页下载
或者直接点击https://github.com/zenorocha/clipboard.js/archive/master.zip

使用clipboard.js

clipboard.js现在可支持文本框text和文本域text area两种方式的粘贴板复制:

1. 使用文本框作为复制内容的来源

(1).在你的页面引入clipboard.js1

<script type="text/javascript" src="https://cdn.jsdelivr.net/clipboard.js/1.6.0/clipboard.min.js"></script>

<script type = "text/javascript"> 
       //加载clipboadr.js</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值