clipboard.min.js 复制表格内容

    <script type="text/javascript" src="js/clipboard.min.js"></script>
    <button  id="btn_copy" data-clipboard-action="copy" data-clipboard-target=".tableList">复制表格内容</button>
<!--    <input type="button" class="input_button_blue" id="btn_copy" data-clipboard-action="copy" data-clipboard-target=".tableList" value="复制"></input>-->
    <script>
        var clipboard = new ClipboardJS(‘#btn_copy‘);

        clipboard.on(‘success‘, function(e) {
            e.clearSelection();//清除选择涂黑显示
            alertMsg("复制成功!",1);

        });
        clipboard.on(‘error‘, function(e) {
            alertMsg("复制失败,请刷新后重试!",1);
        });

    </script>
<table class=‘tableList‘ >.......表格内容.....</table>
 

原文地址:https://www.cnblogs.com/tmdsleep/p/10971437.html

时间: 2024-08-07 02:34:01

clipboard.min.js 复制表格内容的相关文章

使用clipboard.js复制页面内容到剪切板

最近在做一个的智能客服Web端浏览器应用,其中有一项需求是客户在获取系统返回的 答案后点击“复制答案”按钮将答案复制到系统剪切板.本以为这是一个小case,但是发现如果 要对各种主流浏览器都有良好的兼容性并不简单.原因在于出于安全原因,大多数现代浏览 器都未提供通用的剪贴板复制接口(或即便有,也默认被禁用). 上网搜索了一下,现有的方案大致有两种: 一:使用原生javascript中window.clipboardData实现复制到剪贴板功能: 二:使用Zero Clipboard库: 在尝试了

js打印表格内容

在项目中有时候需要使用到打印报表内容的需求功能,可以利用js实现报表的打印功能.代码如下: //打印表格 function printTable() { var tableToPrint = document.getElementById('printTable');//将要被打印的表格 var newWin= window.open("");//新打开一个空窗口 newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口 ne

JS复制自定义内容到粘贴板

前提:开发过程碰到需要点击一个按钮复制当前模块的链接地址 思路:给当前模块附上链接,然后点击复制 function copyValue(val){ //如果这里换为 input 则不支持换行 var temp = document.createElement('textarea'); temp.value = val; document.body.appendChild(temp); temp.select(); // 选择对象 document.execCommand("Copy")

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

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

在多浏览器使用JS复制内容到剪切板,无需插件

最近在学习DHTMLX,下载了一些JS源码,使用谷歌浏览器,在学习dhtmlxGrid部分进行复制表格内容时,发现,在线版的可以复制成功,而本地的不可以复制,报类似访问剪切板错误,经查找原因,原来是谷歌处于安全考虑,不支持调用剪切板.我直接访问了在线的js,拷贝下来,和本地的对比了一下,代码不一样.简单研究了一下在线的js,发现,在线版的js里面有_clip_area,而调试中发现var c = this._clip_area = document.createElement("textarea

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"

JQ JS复制到剪贴板

示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src="clipboard.min.js"></script> <!-- Target --&

浏览器中js复制问题

1.直接利用js的execCommand,此方法移动端无效 <input type="text" id="url" readonly class="form-control" name="url" placeholder="Email to:" value="<?= $sharelink ?>"><button onClick="url.selec

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