- Foxtable(狐表) (http://foxtable.net/bbs/index.asp)
-- 专家坐堂 (http://foxtable.net/bbs/list.asp?boardid=2)
---- weui如何实现一键复制 (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=194237)
-- 发布时间：2024/11/21 13:56:00
-- weui如何实现一键复制
例如，我想通过一键复制，实现复制到手机系统剪切板一些后台数据，然后再微信里面黏贴发送给别人，给点思路
-- 发布时间：2024/11/21 14:20:00
--
https://www.baidu.com/s?wd=js%20%E5%A4%8D%E5%88%B6%E9%A1%B5%E9%9D%A2%E5%86%85%E5%AE%B9
-- 发布时间：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也发布到服务器上了，反而失败
-- 发布时间：2024/11/21 15:48:00
--
到浏览器开发者工具里调试看看哪里出错
-- 发布时间：2024/11/21 15:54:00
--
优化了一下代码找到了原因，显示是 浏览器不支持剪切板API
，这个怎么办，但是这个代码在本机却可以
，这个怎么办，但是这个代码在本机却可以-- 发布时间：2024/11/21 16:00:00
--
这个和服务端没有什么关系。js纯前端浏览器的功能，如果浏览器不支持没有办法的
-- 发布时间：2024/11/21 16:48:00
--
额。。。。同样的 一个项目，同样的代码，同样的浏览器，发布在本机A，A浏览器就可以用，发布在服务器B以后，A浏览器就不支持了。。。。
-- 发布时间：2024/11/21 17:02:00
--
不可能和服务端有任何关系的