Jquery 实现table标题点击复制整列td内容到剪贴板

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{margin:20px;padding:20px;}
</style>
</head>
<body>
<table>
<tr>
<th id="Copy" title="点击A可以复制整个列">A</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">
$("#Copy").click(function(){
var arr=$(".shuzi");
var values=new Array();
for(var i=0;i<arr.length;i++){
var td=arr[i].innerHTML;
values[i]=td;
} var j='';
for(var i=0;i<values.length;i++){
var j=j+values[i]+"\n";
}
var flag = copyText(j); //传递文本
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>
上一篇:Table标题行冻结,数据行滚动的一种方式


下一篇:web从入门开始(5)-----表单