ClipboardJs

<input type="text" id="input" />
<!-- data-clipboard-action 方式：copy 复制（默认），cut 剪切 -->
<button id="button" data-clipboard-action="cut" data-clipboard-target="#input">
    按钮
</button>
<script src="./clipboard.min.js"></script>
<script>
    new ClipboardJS("#button").on("success", function (e) {
        // 操作：copy 复制，cut 剪切
        console.log("Action:", e.action);
        // 复制/剪切的文本
        console.log("Text:", e.text);
        // 触发的按钮元素
        console.log("Trigger:", e.trigger);
        // 清除选中（复制后默认选中）
        e.clearSelection();
    });
</script>

<button id="button" data-clipboard-text="文本">按钮</button>
<script src="./clipboard.min.js"></script>
<script>
    // 可以不监听成功事件，不影响复制效果
    new ClipboardJS("#button");
</script>

<button id="button">按钮</button>
<script src="./clipboard.min.js"></script>
<script>
    new ClipboardJS("#button", {
        text: () => {
            return "动态文本";
        },
    }).on("success", function (e) {
        // 复制的文本
        console.log("Text:", e.text);
    });
</script>