1、document.execCommand
这部分参考文档:
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand
咱们再浏览器中使用的复制大部分都是用的这个原理
缺点:
使用第一种方法在浏览器上用的是很顺畅,但是放到安卓和ios手机里面就会有各种问题。so,继续在网上找更好的复制方法
1、使用插件
插件网址:https://clipboardjs.com/
关于插件的介绍,基本使用,都可以参考这个网址
2、实例
(1)引入JS:
(2)有复制按钮 的情况
(3)无复制按钮的情况
3、缺点
这个复制插件有个缺点,那就是:多次点击复制,多次弹出alert
参考链接:https://blog.csdn.net/qq_33285313/article/details/78551411
**解释:**实践总结这是因为第一次来 this.clipboard= new Clipboard(’.acctnobtn’)的时候实例化了一次,返回上级界面第二次再次进入这一界面的时候又this.clipboard= new Clipboard(’.acctnobtn’)了一次,所以说再次点击会弹出两次 复制成功,如果每次关掉界面前不去销毁this.clipboard 这一实例的话,每次打开这一界面就会实例化 +1,所以要想解决这个问题的话必须每次关掉这一界面前要销毁这一实例
解决方案:
以上就是复制粘贴部分的介绍了。话说几天不写博客,界面变化真大,看起来怪怪的。