共8 条记录, 每页显示 10 条, 页签:
[1]
[浏览完整版]
标题：weui如何实现一键复制
1楼
qinqinwo1114 发表于：2024/11/21 13:56:00
例如，我想通过一键复制，实现复制到手机系统剪切板一些后台数据，然后再微信里面黏贴发送给别人，给点思路
2楼
有点蓝 发表于：2024/11/21 14:20:003楼
qinqinwo1114 发表于：2024/11/21 15:38:00function 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楼
有点蓝 发表于：2024/11/21 15:48:00到浏览器开发者工具里调试看看哪里出错
5楼
qinqinwo1114 发表于：2024/11/21 15:54:00优化了一下代码找到了原因，显示是 浏览器不支持剪切板API
，这个怎么办，但是这个代码在本机却可以
，这个怎么办，但是这个代码在本机却可以6楼
有点蓝 发表于：2024/11/21 16:00:00这个和服务端没有什么关系。js纯前端浏览器的功能，如果浏览器不支持没有办法的
7楼
qinqinwo1114 发表于：2024/11/21 16:48:00额。。。。同样的 一个项目，同样的代码，同样的浏览器，发布在本机A，A浏览器就可以用，发布在服务器B以后，A浏览器就不支持了。。。。
8楼
有点蓝 发表于：2024/11/21 17:02:00不可能和服务端有任何关系的
共8 条记录, 每页显示 10 条, 页签:
[1]