js实现pc浏览器复制粘贴功能

以下适用pc浏览器，移动端复制这贴貌似有些不兼容

(1)首先引用clipboard.min.js：页面底部有js

(2)页面添加js

<script type="text/javascript">
    var clipboard = new Clipboard('.exp');
    clipboard.on('success', function (e) {
        alert("已复制，可贴粘。");
        e.clearSelection();
    });
    clipboard.on('error', function (e) {
    });
</script>

(3)页面按钮标签：

<div class="qr_code_pc" style="width: 180px; right:10px;top:20px; box-shadow: rgba(30, 30, 30, 0.027451) 2px 4px 16px; border: 1px solid rgb(222, 222, 222);">
    <div class="right-step-box-title"><span style="font-size: 14px;">（正常复制粘贴）</span></div>
    <div class="ant-steps ant-steps-vertical">
        <div class="ant-steps-item ant-steps-status-process"><div class="ant-steps-tail"><i></i></div><div class="ant-steps-step"><div class="ant-steps-head"><div class="ant-steps-head-inner"><span class="ant-steps-icon">1</span></div></div><div class="ant-steps-main"><div class="ant-steps-title"><button type="button" class="exp u-btn u-btn-primary u-btn-small" data-clipboard-text="我在复制的文章的标题文字">复制文章标题</button></div></div></div></div>
        <div class="ant-steps-item ant-steps-status-wait"><div class="ant-steps-tail"><i></i></div><div class="ant-steps-step"><div class="ant-steps-head"><div class="ant-steps-head-inner"><span class="ant-steps-icon">2</span></div></div><div class="ant-steps-main"><div class="ant-steps-title"><button type="button" class="exp u-btn u-btn-primary u-btn-small" data-clipboard-action="copy" data-clipboard-target="#js_content"><span>复制文章内容</span></button></div></div></div></div>
        <div class="ant-steps-item ant-steps-status-wait"><div class="ant-steps-step"><div class="ant-steps-head"><div class="ant-steps-head-inner"><span class="ant-steps-icon">3</span></div></div><div class="ant-steps-main"><div class="ant-steps-title"><button type="button" class="exp u-btn u-btn-primary u-btn-small" data-clipboard-acti