浏览器复制粘贴以及手机端webview复制粘贴

   日期:2024-12-28    作者:b1246577 移动:http://ljhr2012.riyuangf.com/mobile/quote/76444.html

1、document.execCommand

浏览器复制粘贴以及手机端webview复制粘贴

这部分参考文档
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,所以要想解决这个问题的话必须每次关掉这一界面前要销毁这一实例

解决方案

 

以上就是复制粘贴部分的介绍了。话说几天不写博客,界面变化真大,看起来怪怪的。


特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号