jq实现表格多行列复制
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
* {
margin: 20px;
padding: 20px;
}
</style>
</head>
<body>
<table border="1" cellpadding="0">
<tr>
<th>
<button id="copy">复制</button>
</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>E</th>
</tr>
<tr>
<td class="shuzi">aaaaaaaaaaaaaa</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td class="shuzi">bbbbbbbbbbbbb</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td class="shuzi">ccccccccccc</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td class="shuzi">dddd</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
</body>
<script src="jquery.min.js"></script>
<script type="text/javascript">
// 选中一列
content = "";
$("table tr td,table tr th").on("click", function () {
var index = $(this).index();
content = "";
Array.from($("table tr td")).forEach(item => {
if (item.cellIndex == index) {
content += item.innerHTML + "\n";
}
});
var flag = copyText(content);
alert(flag ? "复制成功!" : "复制失败!");
});
/*
$("#copy").click(function () {
var arr = $(".shuzi");
var content ="";
Array.from(arr).forEach(item => {
content += item.innerHTML+"\n";
});
var flag = copyText(content);
alert(flag ? "复制成功!" : "复制失败!");
});
*/
function copyText(text) {
var textarea = document.createElement("textarea");//创建input对象
var currentFocus = document.activeElement;//当前获得焦点的元素
document.body.appendChild(textarea);//添加元素
// 给表单赋值
textarea.value = text;
// 判断光标是否在第一位置
textarea.focus();
if (textarea.setSelectionRange)
textarea.setSelectionRange(0, textarea.value.length);//获取光标起始位置到结束位置
else
textarea.select();
try {
var flag = document.execCommand("copy");//执行复制
} catch (eo) {
var flag = false;
}
document.body.removeChild(textarea);//删除元素
currentFocus.focus();
return flag;
}
</script>
</html>
最新文章
- 《锋利的jQuery》(第2版)读书笔记4
- POJ1270 Following Orders[拓扑排序所有方案 Kahn]
- AI: Jarvis
- Mac上的抓包工具Charles
- java double保留小数点的零的问题,java保留小数点问题
- 数据生成器Bogus的使用以及基于声明的扩展
- python字符串的encode和decode
- 通过 IP 访问谷歌
- JS 移动动画
- Redhat6.4下配置本地yum
- java泛型探索——介绍篇
- 历史记录 history
- vue启动时候报错
- cocos dos命令
- 使用c#封装海康SDK出现无法加载 DLL“..\bin\HCNetSDK.dll”: 找不到指定的模块
- Java逻辑
- react-native-vector-icons 图标库使用
- VS2015 LINK : fatal error LNK1264: 已指定 /GENPROFILE 但没有所需的代码生成;检测失败
- oracle的cursor
- GeneXus学习笔记——创建一个知识库 哈哈哈哈!
热门文章
- 批量生成xml文件数据C#实现
- java:Springmvc框架1(基本配置,注解配置,转换器引入)
- centos中切换图形与命令行界面
- Multi-Object-Edit With Django FormSets
- 什么是redis?常用的命令有哪些?
- USACO4.3 Street Race【分析】
- 深入理解java:4.3. 框架编程之MyBatis原理深入解析
- Mybatis--<;![CDATA[ sql 语句 ]]>;
- 小记-------linux scp 远程拷贝命令
- [MtOI2019]永夜的报应 题解