<!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>

Jquery 实现table标题点击复制整列td内容到剪贴板的更多相关文章

  1. jq 点击复制div里面的内容 如果粘贴到富文本中，会将样式，里面所有的标签，文字一并粘贴进去

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  2. table 表格固定表头和第一列、内容可滚动

    整理了下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c ...

  3. JS+CSS - table 表格固定表头和第一列、内容可滚动 （转载）

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  4. oracel 复制A列的内容到列

    update jieguo1 t set t.chinesetablename =t.tablezhushi where length(t.chinesetablename) >= 15 and ...

  5. js遍历table 和 jquery 遍历table

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

  6. 原生js封装table表格操作，获取任意行列td，任意单行单列方法

    V1.001更新增加findTable-min.js 本次更新,优化了代码性能方面,增加了部分新功能,可以获取多个table表格批量操作. 考虑到本人后面的项目中可能涉及到大量的表格操作,提前先封了 ...

  7. jquery实现点击复制到剪切板

    1.必须有先引入 jquery库 <script type="text/javascript" src="js/jquery.js"></sc ...

  8. jQuery操作Table tr td常用的方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  9. 汇总常用的jQuery操作Table tr td方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

随机推荐

  1. uwp,GridView、ListView取消选中效果

    在SelectionChanged事件中,添加两行代码,取消点击Item后的选中效果 void GridViewSelectionChanged(object sender, SelectionCha ...

  2. 数据结构 -- 链表（LinkedList）

    链表是一种物理存储单元上非连续.非顺序的存储结构,数据元素的逻辑顺序是通过链表中的指针链接次序实现的.链表由一系列结点(链表中每一个元素称为结点)组成,结点可以在运行时动态生成. 每个结点包括两个部分 ...

  3. JAVA支持字符编码读取文件

    文件操作,在java中很常用,对于存在特定编码的文件,则需要根据字符编码进行读取,要不容易出现乱码 /** * 读取文件 * @param filePath 文件路径 */ public static ...

  4. linux-centos7安装Oracle11gr2数据库（在图形界面下）

    修改操作系统核心参数 在Root用户下执行以下步骤: 1)修改用户的SHELL的限制,修改/etc/security/limits.conf文件 oracle soft nproc 2047 orac ...

  5. WUSTOJ 1275: 男神的逆袭（Java）

    1275: 男神的逆袭 题目   计算两个日期相差的天数.更多内容点击标题. 分析   下面说一下我的思路(自己写的,无扩展性): 给定一个日期,首先计算这个日期是这一年的第多少天. 给定两个日期,直 ...

  6. echarts的基本使用以及如何使用官方实例的方法

    <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --> <div id="box" style="width: 600px;heigh ...

  7. asp.net core-5.控制台读取json文件

    1,创建控制台应用程序,应用using Microsoft.Extensions.Configuration; 2,新建一个app.json文件 然后修改app.json的属性 3,生成项目,可以看到 ...

  8. Linux 截取日志命令

    1.截取时间段 截取 2019-06-25 10:10 到 2019-06-25 10:20 之间的日志记录,apollo-service.log 为你要截取的文件名称, new2.log 截取之后保 ...

  9. Flash播放控件属性详解

    Flash 播放控件属性详解 一.属性篇 1.AlignMode(读写)  语法:AlignMode As Long  说明:对齐方式(与SAlign 属性联动).当控件的长宽比例与影片不一致且WMo ...

  10. Asp.Net Core 轻松学系列-3项目目录和文件作用介绍

    目录 前言 结语 前言     上一章介绍了 Asp.Net Core 的前世今生,并创建了一个控制台项目编译并运行成功,本章的内容介绍 .NETCore 的各种常用命令.Asp.Net Core M ...