Foxtable(狐表)用户栏目专家坐堂 → weui如何实现一键复制


  共有43人关注过本帖树形打印复制链接

主题:weui如何实现一键复制

帅哥哟,离线,有人找我吗?
qinqinwo1114
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:110 积分:1167 威望:0 精华:0 注册:2013/2/21 21:43:00
weui如何实现一键复制  发帖心情 Post By:2024/11/21 13:56:00 [只看该作者]

图片点击可在新窗口打开查看
例如,我想通过一键复制,实现复制到手机系统剪切板一些后台数据,然后再微信里面黏贴发送给别人,给点思路

 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110712 积分:563480 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2024/11/21 14:20:00 [只看该作者]


 回到顶部
帅哥哟,离线,有人找我吗?
qinqinwo1114
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:110 积分:1167 威望:0 精华:0 注册:2013/2/21 21:43:00
  发帖心情 Post By:2024/11/21 15:38:00 [只看该作者]

function copyText() {
    // 确保 detailtable 和相关元素存在
    var table = document.getElementById("detailtable");
    if (!table) {
        console.error("未找到表格元素");
        return;
    }
    var rowSel = table.rowSel; // 确保这个属性已正确设置
    if (rowSel === undefined || rowSel < 0 || rowSel >= detailtable.rows.length) {
        console.error("无效的选中行索引");
        return;
    }

    var cellContent = table.rows[rowSel].cells[5].innerHTML;

    var textarea = document.createElement("textarea");
    textarea.value = "项目地址:" + (document.getElementById("项目地址") ? document.getElementById("项目地址").value : "未找到项目地址") + "\n" +
                     "联系人:" + (document.getElementById("联系人") ? document.getElementById("联系人").value : "未找到联系人") + "\n" +
                     "联系电话:" + (document.getElementById("联系电话") ? document.getElementById("联系电话").value : "未找到联系电话") + "\n" +
                     "问题详情:" + cellContent;
    document.body.appendChild(textarea);
    textarea.select();

    try {
        navigator.clipboard.writeText(textarea.value).then(function() {
            console.log("文本已复制到剪贴板");
        }).catch(function(err) {
            console.error("无法复制文本到剪贴板: ", err);
        });
    } catch (err) {
        console.error("剪贴板 API 错误: ", err);
    }

    document.body.removeChild(textarea);
}


代码在单机版(127.0.0.1)成功实现了一键复制,但是发布了以后并且把order.js也发布到服务器上了,反而失败

 回到顶部
帅哥,在线噢!
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110712 积分:563480 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2024/11/21 15:48:00 [只看该作者]

到浏览器开发者工具里调试看看哪里出错

 回到顶部
帅哥哟,离线,有人找我吗?
qinqinwo1114
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:110 积分:1167 威望:0 精华:0 注册:2013/2/21 21:43:00
  发帖心情 Post By:2024/11/21 15:54:00 [只看该作者]

优化了一下代码找到了原因,显示是  浏览器不支持剪切板API图片点击可在新窗口打开查看,这个怎么办,但是这个代码在本机却可以

 回到顶部
帅哥,在线噢!
有点蓝
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110712 积分:563480 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2024/11/21 16:00:00 [只看该作者]

这个和服务端没有什么关系。js纯前端浏览器的功能,如果浏览器不支持没有办法的

 回到顶部
帅哥哟,离线,有人找我吗?
qinqinwo1114
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:110 积分:1167 威望:0 精华:0 注册:2013/2/21 21:43:00
  发帖心情 Post By:2024/11/21 16:48:00 [只看该作者]

额。。。。同样的 一个项目,同样的代码,同样的浏览器,发布在本机A,A浏览器就可以用,发布在服务器B以后,A浏览器就不支持了。。。。

 回到顶部
帅哥,在线噢!
有点蓝
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110712 积分:563480 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2024/11/21 17:02:00 [只看该作者]

不可能和服务端有任何关系的

 回到顶部