js复制内容到剪贴板格式化粘贴到excel中

<input id="Button1" type="button" value="导出EXCEL" onclick="copyToClipboard(‘ta‘)">

<div style="width: 760px;float:left;" id="ta">
    <table border="0" style="" cellpadding="3" cellspacing="1" width="760">

    </table>

</div>

<script src="https://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
<script>

function copyToClipboard(elementId) {
var aux = document.createElement("input");
var $a = $(‘#‘+elementId).clone();
$a.find(‘input‘).each(function(){
var x = $(this).val();
$(this).parent().html(x);
});
aux.setAttribute("value", $a.html());
document.body.appendChild(aux);
aux.select();
document.execCommand("copy");
document.body.removeChild(aux);
alert("复制成功");
}
</script>

原文地址:https://www.cnblogs.com/zhaoxiangshang/p/11783014.html

时间: 2024-08-30 05:48:41

js复制内容到剪贴板格式化粘贴到excel中的相关文章

JS复制内容到剪贴板(兼容FF/Chrome/Safari所有浏览器)

现在浏览器种类也越来越多,诸如 IE.Firefox.Chrome.Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了. 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: 这个方案是一个最流行的方法: 著名的Clipboard Copy解决方案 利用一个clipboard.swf作为桥梁,复制内容到剪贴板. 原理是:创建一个隐藏的flash文件,同时给给flash的变量FlashVars 赋值“clipboard=..”,通过这个赋

《JS实现复制内容到剪贴板功能,可兼容所有PC浏览器,不兼容手机端》

前记:本来原生的JS是有提供一个函数来实现这个功能(window.clipboardData),但是很遗憾,这个函数仅仅支持IE和FF浏览器,所以基本用处不大.下边介绍的是一个第三方插件库(ZeroClipboard.js). ZeroClipboard.js在Git上的地址为:https://github.com/zeroclipboard/zeroclipboard 注意:此js库不支持兼容手机端(包括Android.IOS),仅支持PC端浏览器. 第一步:将插件库引入到工程中. 把Git上

简单实现兼容各大浏览器的js复制内容到剪切板

因为网站文章需要提供几个按钮,单击后实现复制文章内容到剪贴板. 在网上搜索了很多内容,发现都比较乱这里自己整理下,分享给大家 效果图如下: 之前使用的是window.clipboardData.setData,只能支持IE和火狐.360浏览器.搜狗等浏览器,都泪崩.所以,研究了ZeroClipboard,尽量使用js代码写. 使用前先引用三个东西(没有提供上传附件,这里就不提供下载地址了,很常见,大家自己找度娘吧): jquery-1.4.1.min.js    ZeroClipboard.js

蚂蚁老码农——JavaScript复制内容到剪贴板

最近一个活动页面中有一个小需求,用户点击或者长按就可以复制内容到剪贴板,记录一下实现过程和遇到的坑.常见方法查了一下万能的Google,现在常见的方法主要是以下两种: 第三方库:clipboard.js原生方法:document.execCommand() 分别来看看这两种方法是如何使用的.clipboard.js这是clipboard的官网:clipboardjs.com/,看起来就是这么的简单.引用直接引用: <script src="dist/clipboard.min.js&quo

jQuery/Js复制文本到剪贴板

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery/Js复制文本到剪贴板</title> <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.js"></script> <scr

js复制内容到剪切板,兼容pc和手机端,支持Safari浏览器

最近,一些项目中用到监听用户复制.剪切的操作. 案例1.在PC端,当用户获得一个京东卡的使用券,当用户使用ctrl + C复制得到的使用券时,将使用券的代号复制到粘贴板,以便于用户ctrl+v进行粘贴. 案例2:在移动端(android 和 iOS端),用户获得邀请码之后,可以使用一键复制的功能,将邀请码复制到剪切板,然后在app中进行兑换. 使用jQuery中的方法监听用户的剪切.复制.粘贴的行为 $("#cut").on("cut",function(){ al

[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 (d

js实现复制内容到剪贴板

一. 原生js实现,电脑可以用,手机不可以用 1. 必须是 input元素 才可以使用 <input id="code" type="text" value="www"> <span class="copy-btn" v-on:click="copy">复制</span> //获取input并执行选中 document.getElementById('code').sel

js复制内容到粘贴板

⒈引入第三方js:   clipboard <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script> <!-- 方式一 --> <input id="inpu" value="https://github.com/zenorocha/clipboard.js.git"