zenorocha

clipboard.js:现代化的复制到剪贴板库

zenorocha/clipboard.jsJavaScript★ 34,135⑂ 3,910
📈 Star 趋势

项目摘要

clipboard.js是一个轻量级的JavaScript库,用于实现复制到剪贴板的功能。它不需要Flash支持,压缩后仅3kb大小,非常适合现代Web开发。使用clipboard.js,可以轻松实现复制文本、HTML等内容到剪贴板,提高用户体验

📖 功能要点

clipboard.js是一个现代化的复制到剪贴板的库,不需要Flash,压缩后只有3kb。它使用HTML5数据属性来提高可用性,支持复制和剪切文本。

  • 无需Flash
  • 仅3kb压缩大小
  • 支持复制和剪切
  • 使用HTML5数据属性
  • 支持自定义事件
  • 支持高级选项

🚀 安装 / 使用

> 安装

npm install clipboard --save

> 使用

<script src="dist/clipboard.min.js"></script>
new ClipboardJS('.btn');

> 复制文本

<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git" />
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
  <img src="assets/clippy.svg" alt="Copy to clipboard" />
</button>

> 剪切文本

<!-- Target -->
<textarea id="bar">Mussum ipsum cacilds...</textarea>
<!-- Trigger -->
<button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar">
  Cut to clipboard
</button>

🤖 AI 深度分析

clipboard.js是一个非常不错的现代化复制到剪贴板工具,适合大多数前端开发需求。其体积小、功能强大,是一个值得考虑的选择

✅ 优点

  • 现代化的复制到剪贴板功能
  • 无需Flash
  • 体积小,仅3kb压缩

⚠️ 缺点

  • 可能不支持非常旧的浏览器
  • 需要JavaScript支持

🎯 适用场景

  • 网页复制文本到剪贴板
  • 前端开发中复制数据到剪贴板

⚖️ 同类对比

与其他剪贴板工具相比,clipboard.js体积小、功能强大,且无需Flash支持