解决各设备复制兼容性问题

最新推荐文章于 2021-08-02 09:53:29 发布

此生จุ๊บ

最新推荐文章于 2021-08-02 09:53:29 发布

阅读量471

点赞数

文章标签： javascript vue.js es6 reactjs

本文链接：https://blog.csdn.net/ym1998/article/details/108004359

版权

本文主要探讨如何解决在不同浏览器和设备上遇到的复制功能兼容性问题。提供了一段经过验证的可用代码，该代码已封装好，可用于实现复制功能，并可根据实际需求调整复制成功后的业务逻辑。

摘要由CSDN通过智能技术生成

在工作当中相信很多朋友都用到了复制功能，但是复制功能的兼容性问题，也着实让我烦恼了一阵子。
好了，废话不多说，本文章主要用于解决各浏览器/设备的复制兼容性问题。以下代码奉上，敬请想用(亲测可用)。

解决各设备复制功能兼容性问题

copy(str) {  //str 为需要复制的内容
        if(str){
          let u = navigator.userAgent, app = navigator.appVersion;
          let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
          let systemFlag = "";
          //要先判断当前是什么系统，否则会报错，无法执行语句
          if (isAndroid) {
            systemFlag = "android";
          } else {
            systemFlag = "ios";
          }
          if (systemFlag == "android") {
            //android复制
            //只需要改变取值方式即可
            var save = function (e) {
              e.clipboardData.setData('text/plain', str);
              e.preventDefault();
            }
            if (!document.execCommand) {
             alert("该浏览