jsDelivr⤵︎

<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>

BootCDN⤵︎

<script src="https://cdn.bootcss.com/clipboard.js/2.0.6/clipboard.min.js"></script>

step1、通过包管理器安装clipboard.js

step2、在HTML代码中引入JavaScript

<script src="/bower_components/clipboard.js/clipboard.min.js"></script>

<!-- 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>

<script type="text/javascript" src="/bower_components/clipboard.js/clipboard.min.js"></script>

<script>
    var clipboard = new Clipboard('.btn');
    //var clipboard = new Clipboard(document.getElementById('xx-id'));

    clipboard.on('success', function(e) {
        console.info('Action:', e.action);
        console.info('Text:', e.text);
        console.info('Trigger:', e.trigger);

        e.clearSelection();
    });

    clipboard.on('error', function(e) {
        console.error('Action:', e.action);
        console.error('Trigger:', e.trigger);
    });
</script>