利用Clipboard.js解决ios手机浏览器无法实现网页内容复制

解决移动端IOS无法复制复制文字的问题!

需要用到的是clipboard这个js文件 

官方下载地址:https://clipboardjs.com/

第一步引入clipboardjs.js文件

HTML代码

要给元素添加一个class类名 js要获取元素用到

<button class="btn" :data-clipboard-text="复制想到的内容">复制</button>

js代码

var clipboard = new ClipboardJS('.btn'); //获取点击的元素
clipboard.on('success', function(e) {
    console.log('复制成功');
   
});
clipboard.on('error', function(e) {
   console.log('复制失败');
});

猜你喜欢

转载自blog.csdn.net/qq_43649479/article/details/83993683
今日推荐