C#webform、web实现点击按钮copy功能

原创已于 2023-06-08 13:06:54 修改 · 522 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#c# #前端 #开发语言

于 2023-06-08 12:44:49 首次发布

该文章介绍了一个JavaScript函数，用于从具有ID为tb_result的DataTable中提取并复制第一列的内容到剪贴板。函数遍历表格行，合并第一列的文本，并利用临时文本输入框和document.execCommand(copy)实现复制功能。

从DataTable单独复制出某一列数据鼠标全选不方便时可采用JS将内容复制到剪切板

function copyToClipboard() {
// 创建一个临时的文本输入框元素
var tempInput = document.createElement("textarea");

// 将要复制的内容设置为文本输入框的值

//tempInput.value="123";
//tempInput.value = document.documentElement.innerHTML;

var result = "";
var table = document.getElementById("tb_result");
//i=0 为标题
for (var i = 1; i < table.rows.length; i++) {
var row = table.rows[i];
var cell = row.cells[0];
var value = cell.innerText;
if (result != "") {
result += "\r\n" + value;
}
else {
result += value;
}

}

// 将文本输入框添加到页面中
document.body.appendChild(tempInput);

// 选择文本输入框的内容
tempInput.select();

// 执行复制命令
document.execCommand("copy");

// 移除临时的文本输入框
document.body.removeChild(tempInput);
}