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


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

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

帅哥,在线噢!
qinqinwo1114
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:117 积分:1207 威望:0 精华:0 注册:2013/2/21 21:43:00
weui如何实现一键复制  发帖心情 Post By:2024/11/21 13:56:00 [显示全部帖子]

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

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


加好友 发短信
等级:幼狐 帖子:117 积分:1207 威望: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也发布到服务器上了,反而失败

 回到顶部
帅哥,在线噢!
qinqinwo1114
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:117 积分:1207 威望:0 精华:0 注册:2013/2/21 21:43:00
  发帖心情 Post By:2024/11/21 15:54:00 [显示全部帖子]

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

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


加好友 发短信
等级:幼狐 帖子:117 积分:1207 威望:0 精华:0 注册:2013/2/21 21:43:00
  发帖心情 Post By:2024/11/21 16:48:00 [显示全部帖子]

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

 回到顶部