概览

Clipboardjs 方案可快速将目标内容复制到剪切板,clipboardjs-source 是官方源码精简提取,clipboardjs-starkho 是由何星星精简优化的方案,嵌入代码即可使用。

官方文档和源码请访问以下地址来获取:

https://clipboardjs.com/

HMTL

<button class="btn" data-clipboard-demo="" data-clipboard-action="copy" data-clipboard-text="dclipboard.js">Copy to clipboard</button>

CSS

<link rel="stylesheet" href="https://clipboardjs.com/bower_components/primer-css/css/primer.css">

JS

<script src="https://clipboardjs.com/dist/clipboard.min.js"></script>
<script src="https://clipboardjs.com/assets/scripts/demos.js"></script>
<script src="https://clipboardjs.com/assets/scripts/tooltips.js"></script>

Demo

https://static.hexingxing.cn/v3/html/clipboardjs-source

https://static.hexingxing.cn/v3/html/clipboardjs-starkho

如需调用何星星网站公共静态资源,请阅读:静态资源调用须知


何星星原创文章仅用于个人学习,当前页面暂不支持复制操作,了解详情或文章转载请 点此 继续!

0 条评论

发表回复

Avatar placeholder

您的电子邮箱地址不会被公开。 必填项已用*标注