H5页面实现点击复制文字功能，兼容ios

主要使用的clipboardJS,首先在项目中引入cdn

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

在需要触发复制事件的元素上加上

 <div onclick="" class="btn btn_copy_text" data-clipboard-text="https://www.xiwang.com"></div>
 //空点击事件是为了如果不是button按钮实现复制的兼容性

功能代码

        var clip = new ClipboardJS('.btn_copy_text');
        clip.on('success', function (e) {
            e.trigger.interHTML = "复制成功";
            $('.alert').fadeIn();//这里是复制成功的jq动画效果
            setTimeout(() => {
                $('.alert').fadeOut();
            }, 1500);
        });