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

标签：style   blog   http   color   io   os   ar   java   for   

关键代码：

    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);
            }
        }
    };

实现代码：

        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样子：

希望有所帮助！

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

标签：style   blog   http   color   io   os   ar   java   for   

原文地址：http://www.cnblogs.com/Yan-Zhiwei/p/3997698.html