clipboard.js-master点击复制到系统剪切板适合移动及PC端

JaneYork

发布于 2023-10-11 14:04:44

1720

发布于 2023-10-11 14:04:44

文章被收录于专栏：PUSDN平行宇宙软件开发者网

现代化的“复制到剪切板”插件。不包含 Flash。gzip 压缩后仅 3kb。

A modern approach to copy text to clipboard

No Flash. No frameworks. Just 3kb gzipped

Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework.

That's why clipboard.js exists.

网盘下载地址：https://pan.baidu.com/s/1x6cD1U5ALiryZkecygOizg

下载后JS放在\clipboard.js-master\dist

使用示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>target-input</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <!-- 1. Define some markup -->
    <input id="foo" type="text" value="hello">
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">Copy</button>

    <!-- 2. Include library -->
    <script src="../dist/clipboard.min.js"></script>

    <!-- 3. Instantiate clipboard -->
    <script>
    var clipboard = new ClipboardJS('.btn');

    clipboard.on('success', function(e) {
        console.log(e);
    });

    clipboard.on('error', function(e) {
        console.log(e);
    });
    </script>
</body>
</html>

官网：https://clipboardjs.com/

GitHub地址：https://github.com/zenorocha/clipboard.js/

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-10-11，如有侵权请联系 cloudcommunity@tencent.com 删除

clipboard