[JavaScript]在IE浏览器下,复制Table,并支持粘贴到EXCEL

关键代码:

    JsUtils = {
        selectedRange: function (el) {
            /// <summary>
            /// 选中内容
            /// eg: selectedRange(document.getElementById(‘123‘));
            /// </summary>
            /// <param name="el">需要选中对象</param>
            var body = document.body, range, sel;
            if (document.createRange && window.getSelection) {
                //Range 对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域。
                //selection是对当前激活选中区(即高亮文本)进行操作。
                range = document.createRange();
                sel = window.getSelection();
                sel.removeAllRanges();
                try {
                    range.selectNodeContents(el);
                    sel.addRange(range);
                } catch (e) {
                    range.selectNode(el);
                    sel.addRange(range);
                }
            } else if (body.createTextRange) {
                range = body.createTextRange();
                range.moveToElementText(el);
                range.select();
            }
        }
    };
    IEUitls = {
        copyElecToClipboard: function (elecId) {
            /// <summary>
            /// 仅支持IE浏览器的对HTML元素复制到剪切板
            /// </summary>
            /// <param name="elecId">需要复制ID</param>
            var obj = document.getElementById(elecId);
            if (obj) {
                JsUtils.selectedRange(obj);
                document.execCommand(‘copy‘, true);
            }
        }
    };

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

实现代码:

        function Copy() {
            /// <summary>
            /// 将经纬度表格数据复制到剪切板
            /// </summary>
            //var rowIds = $("#list4").jqGrid(‘getDataIDs‘);
            //if (rowIds) {
            //    var copyDate = ‘‘;
            //    for (var i = 0, j = rowIds.length; i < j; i++) {
            //        var curRowData = $("#list4").jqGrid(‘getRowData‘, rowIds[i]);
            //        copyDate += curRowData[‘lat‘] + ‘   ‘ + curRowData[‘lng‘] + ‘\n‘;
            //    }
            //    IEUitls.copyTextToClipboard(copyDate);
            //}
            IEUitls.copyElecToClipboard(‘list4‘);
        }

复制粘贴到Excel样子:

希望有所帮助!

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

时间: 2024-10-23 04:46:22

[JavaScript]在IE浏览器下,复制Table,并支持粘贴到EXCEL的相关文章

5.1 vim介绍 5.2 vim颜色显示和移动光标 5.3 vim一般模式下移动光标 5.4 vim一般模式下复制、剪切和粘贴

5.1 vim介绍 5.2 vim颜色显示和移动光标 5.3 vim一般模式下移动光标 5.4 vim一般模式下复制.剪切和粘贴 5.1 vim介绍 vim 是 vi的一个升级版本 vim 是带有颜色显示的 再试下vim 命令 [[email protected] ~]# vi /etc/passwd[[email protected] ~]# vim /etc/passwd-bash: vim: 未找到命令 [[email protected] ~]# yum install -y vim-e

vim介绍/vim颜色显示和移动光标/ vim一般模式下移动光标/ vim一般模式下复制、剪切和粘贴

5.1 vim介绍 5.2 vim颜色显示和移动光标 5.3 vim一般模式下移动光标 5.4 vim一般模式下复制.剪切和粘贴 vim   是vi的升级版本 vim 带有颜色显示 安装vim : yum install  -y    vim-enhanced vim分三种模式:一般模式.编辑模式.命令模式 一般模式: dd,yy,pp, 编辑模式:i,a, 命令模式: q,wq!,q!,set nu,set nonu;nohl(no highlight不高亮): x也可以保存退出,类似wq;

四周第二次课(1月3日) 5.1 vim介绍 5.2 vim颜色显示和移动光标 5.3 vim一般模式下移动光标 5.4 vim一般模式下复制、剪切和粘贴

四周第二次课(1月3日)5.1 vim介绍5.2 vim颜色显示和移动光标5.3 vim一般模式下移动光标5.4 vim一般模式下复制.剪切和粘贴   [[email protected] ~]# [[email protected] ~]# [[email protected] ~]# [[email protected] ~]# [[email protected] ~]# [[email protected] ~]# Last login: Tue Jan 2 22:13:55 2018

Linux centosVMware Vim介绍、vim颜色显示和移动光标、vim一般模式下移动光标、vim一般模式下复制、剪切和粘贴

一.Vim介绍 vim 是一款功能强大的文本编辑器,是vi的升级版,带有颜色显示, 默认有三种模式:一般模式, 命令模式,  编辑模式   安装Vim [[email protected] ~]# vim /etc/passwd-bash: vim: 未找到命令[[email protected] ~]# [[email protected] ~]# yum install -y vim-enhanced ... 二.颜色显示.移动光标 [[email protected] ~]# vim /e

[转]JavaScript快速检测浏览器对CSS3特性的支持

转自:https://yuguo.us/weblog/detect-css-support-in-browsers-with-javascript/ -------------------------------------------------------------------------------------------------- 在项目中需要快速检测浏览器是否支持某CSS3特性,比如检测是否支持“transform”,然后我的布局会有两种完全不同的版式. 当然除开本文介绍的这种快

chrome浏览器下JavaScript实现clipboard时无法访问剪切板解决方案

在用JavaScript实现某个简单的复制到剪切板功能的时候,会考虑一下浏览器兼容性,主要是重点在IE和FireFox,把这个两个浏览器搞定后,基本上其他浏览器也不用太操心了,Chrome也一样,没出什么问题.但是Chrome用的好好的,突然过了一个月,就无法实现复制到剪切板了.一时不知道什么原因.网上查了一下,有这样一原因:安全问题,浏览器默认禁止访问剪贴板. 从代码层面,想了各种方法,去解决兼容性,都无济于事,就是解决不了Chrome的兼容性. 贴一下JavaScript一款通用的复制粘贴方

学习笔记---Javascript事件Event、IE浏览器下的拖拽效果

学习笔记---Javascript事件Event.IE浏览器下的拖拽效果     1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcElement(触发事件的事件源对象)和attachEvent("onclick",function(){...}); 2. a. 实现拖放(Drag and Drop): 目前支支持IE, 若定制某对象为可拖放对象, 则必须覆盖目标对象的dragenter和dragover事件, 可以用e

谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法,跨域调用JS不再是难题!

谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法 导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe  了第一博客的页面  http://www.diyibk.com/   当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram

IE浏览器下常见的CSS兼容问题

[1]IE6-浏览器下子元素能撑开父级设置好的宽高 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ margin: 0; } ul{ margin: 0; padding: 0; list-style: none; } .list{