当前位置： 移动技术网 > IT编程>开发语言>JavaScript > H5和PC实现点击复制当前文字的功能，兼容ios,安卓

H5和PC实现点击复制当前文字的功能，兼容ios,安卓

2018年12月20日  | 移动技术网IT编程  | 我要评论 
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
</head>

<body>
    <button type="button" class="btn btn_copy_text" data-clipboard-text="要复制的内容111111">1111111111111111</button>
    <button type="button" class="btn btn_copy_text" data-clipboard-text="要复制的内容222">2222222222222222</button>
    <button type="button" class="btn btn_copy_text" data-clipboard-text="要复制的内容333">33333333333333</button>
    <script>
        // 重要提示1 clipboard  改成clipboardjs 不然会提示错误的 绑定button上，避免ios的不兼容性问题
        console.log(clipboardjs)
            //复制文本
            var clip = new clipboardjs('.btn_copy_text');
            clip.on('success', function (e) {
                e.trigger.interhtml = "复制成功";
            });
       
    </script>

</body>

</html>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网