zoukankan      html  css  js  c++  java
  • 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]+"
    ";        
        } 
       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>
  • 相关阅读:
    实习感悟——从用户中来,到用户中去
    FineUI PK DWZ
    Java入门到精通——工具篇之Maven概述
    信息论的熵
    菜鸟学习Hibernate——一对多关系映射
    StyleCop学习笔记——默认的规则
    StyleCop学习笔记——自定义规则
    StyleCop学习笔记——初识StyleCop
    好博客收藏
    菜鸟学习Hibernate——简单的增、删、改、查操作
  • 原文地址:https://www.cnblogs.com/qxh-beijing2016/p/11936959.html
Copyright © 2011-2022 走看看