使用clipboard.js实现复制、剪切功能

最新推荐文章于 2024-01-31 18:06:25 发布

Allean_

最新推荐文章于 2024-01-31 18:06:25 发布

阅读量705

点赞数

CC 4.0 BY-SA版权

分类专栏：小工具文章标签：复制剪切 js

本文链接：https://blog.youkuaiyun.com/weixin_39040059/article/details/87788058

小工具专栏收录该内容

2 篇文章

订阅专栏

clipboard.js是一款轻量级的JavaScript库，用于将文本复制到剪贴板，无需依赖Flash或框架，仅3kb压缩大小。通过简单的API，即可实现复制成功或失败的反馈，适用于现代网页开发。

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

介绍

clipboard.js，将文本复制到剪贴板的现代方法。没有Flash。没有框架。只需3kb gzipped，开箱即用。

官网地址

https://clipboardjs.com/，js引入及页面写法可参考官方demo

JS写法

                                        $(document).ready(function(){
						 (function(){
							var btn = document.getElementById('copy');
							var clipboard = new ClipboardJS(btn);
							clipboard.on('success', function(e) {
								layer.msg("复制成功！"); //需引入 layui
							});
							clipboard.on('error', function(e) {
								layer.msg("复制失败！"); ////需引入 layui
							});
						  })()
					 });