<!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. [转帖]APP逆向神器之Frida【Android初级篇】

    APP逆向神器之Frida[Android初级篇] https://juejin.im/post/5d25a543e51d455d6d5358ab 说到逆向APP,很多人首先想到的都是反编译,但是单看 ...

  2. Java 最常见 200+ 面试题 + 全解析

    本文分为十九个模块,分别是: Java 基础.容器.多线程.反射.对象拷贝.Java Web .异常.网络.设计模式.Spring/Spring MVC.Spring Boot/Spring Clou ...

  3. 【动态规划】Überwatch

    Überwatch 题目描述 The lectures are over, the assignments complete and even those pesky teaching assista ...

  4. Activate注解

    Activate注解 被该注解修饰的接口,扩展类可能会被加载 ProtocolFilterWrapper.buildInvokerChain @Documented @Retention(Retent ...

  5. Python中操作mysql的pymysql模块详解（转载）

    https://www.cnblogs.com/wt11/p/6141225.html

  6. Ubuntu16.04安装kubernetes1.13集群

    Ubuntu16.04安装kubernetes1.13集群 最新的安装可以使用以下方式:https://www.cnrancher.com/docs/rancher/v2.x/cn/overview/ ...

  7. hdu 5230 整数划分 dp

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=5230 题意:给定n,c,l,r.求有多少种方法从1~n-1选取任意k数每个数的权重为其下标,使得这些数字之 ...

  8. 在论坛中出现的比较难的sql问题：3(row_number函数 分组查询)

    原文:在论坛中出现的比较难的sql问题:3(row_number函数 分组查询) 最近,在论坛中,遇到了不少比较难的sql问题,虽然自己都能解决,但发现过几天后,就记不起来了,也忘记解决的方法了. 所 ...

  9. sessionId详解

    sessionid是一个会话的key,浏览器第一次访问服务器会在服务器端生成一个session,有一个sessionid和它对应.服务端在创建了Session的同时,会为该Session生成唯一的se ...

  10. 上传文件-layui+ashx

    public void ProcessRequest (HttpContext context) { if (true) { context.Response.ContentType = " ...