chk218
Truda.
采纳率63.6%
2019-02-11 14:10

Jquery怎么复制文本到剪贴板？

已采纳

jquery怎么复制文本到剪贴板？
试了很多百度的方法都不行。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • lzl_Avery lzl_Avery 2年前

    https://www.cnblogs.com/guohu/p/9764869.html 去试试吧

    点赞 评论 复制链接分享
  • alnorthword 禅思院 2年前

    在网页中实现复制到剪贴板功能，有两种方法，
    第1种方法：使用JavaScript自带的方法，但是这种方法只能在IE下使用。
    document.execCommand("Copy"); // 执行浏览器复制命令
    alert("已复制好，可贴粘。");
    或者
    window.clipboardData.setData("Text","要复制的内容");
    alert("已复制好，可贴粘。");

    第2种方法：使用Jquery.ZeroClipboard组件，这种方法通过内嵌flash来实现的，可以兼容当前流行的各种浏览器。
    我们今天主要讲解第2种方法的实现（该方法在本地测试好像不行，必须发布到服务器上才可以）
    首先引用JQuery和Jquery.ZeroClipboard，其中包括一个swf文件。
    下面是网页的源代码：
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


    JQuery实现复制到剪贴板功能


    <br> $(function ()<br> {<br> //实现复制功能<br> $(&quot;#Copy&quot;).zclip({<br> path: &#39;JavaScript/ZeroClipboard.swf&#39;,<br> copy: $(&quot;#txtInput&quot;).val() + &quot;\r\n&quot; + &quot;[转载自：IT交流吧(<a href="http://www.itc8.com)%5D">http://www.itc8.com)]</a>&quot;,<br> afterCopy: function ()<br> {<br> alert(&quot;复制成功，您可以粘贴发送给QQ上的好友或QQ群了!&quot;);<br> }<br> });<br> });<br>





    点赞 评论 复制链接分享
提交

相关推荐

  • Jquery怎么复制文本到剪贴板？ javascriptjquery
    2年前
    回答 2 已采纳 jquery怎么复制文本到剪贴板？ 试了很多百度的方法都不行。
  • 是否有一种有效的方法让按钮自动将文本复制到剪贴板？ （JavaScript的） cssphpjavascriptjquery
    5年前
    回答 1 已采纳 So I've read this entire post on how to copy text to a clipboard, and none of it seems to match what I'm looking for. How do I copy to the clipboard in JavaScript? The program has several fields that are going to have text entered into them, that will then be copied and dropped into several other applications. I found a quick way to do this in IE, but it won't work in any other browser. Here's the HTML. &lt;SPAN ID="copytext" STYLE="height:150;width:162;background-color:pink"&gt; This text will be copied onto the clipboard when you click the button below. Try it! &lt;/SPAN&gt; &lt;TEXTAREA ID="holdtext" STYLE="display:none;"&gt; &lt;/TEXTAREA&gt; &lt;BUTTON onClick="ClipBoard();"&gt;Copy to Clipboard&lt;/BUTTON&gt; And then here's the JavaScript. &lt;SCRIPT LANGUAGE="JavaScript"&gt; function ClipBoard() { holdtext.innerText = copytext.innerText; Copied = holdtext.createTextRange(); Copied.execCommand("Copy"); } &lt;/SCRIPT&gt; The program can't have something like Zero Clipboard or Clippy, because it still needs to work if I put it on a different computer without those libraries. The best shot I've had was one on the link posted at the top of this article. It uses jQuery. var copyTextareaBtn = document.querySelector('.js-textareacopybtn'); copyTextareaBtn.addEventListener('click', function(event) { var copyTextarea = document.querySelector('.js-copytextarea'); copyTextarea.select(); try { var successful = document.execCommand('copy'); var msg = successful ? 'successful' : 'unsuccessful'; console.log('Copying text command was ' + msg); } catch (err) { console.log('Oops, unable to copy');}}); So that works great for one field, but everything I've ever learned about programming tells me not to repeat myself over and over again. ESPECIALLY if I'm only changing one thing every time I repeat it. Is there a better way to do this? Or is jQuery and repetition my only option at this point?
  • 手机网页加载后怎么自动复制代码到剪切板 javascriptjquery
    2年前
    回答 3 已采纳 在手机打开网页后就要马上复制对应的网页内容，应该怎么实现啊！
  • JqueryMobile 一张图片横向移动？ javascripthtml5jquery
    2年前
    回答 2 已采纳 就是让一张图片左右移动，一开始是超出部分隐藏的 html5代码： ``` 排行榜 ```
  • jquery哪个版本开始支持tmpl? jquery
    4年前
    回答 1 已采纳 jquery哪个版本开始支持tmpl?现在想用tmpl,但是不知道哪个版本开始支持tmpl, 因为不想用高版本的jquery,怕不兼容旧的浏览器.
  • Jquery函数只执行一次？ [重复] phpjavascriptmysqljquery
    2年前
    回答 1 已采纳 This question already has an answer here: Event binding on dynamically created elements? 23 answers I'm trying to execute my Jquery so that the table will get updated every time the button is pressed. test.php &lt;?php require 'mysql.php'; ?&gt; &lt;!-- HTML 5 declaration --&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;FYP LoRa Control Panel&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;link rel="stylesheet" type="text/css" media="screen" href="style.css" /&gt; &lt;!-- jQuery Script --&gt; &lt;script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"&gt; &lt;/script&gt; &lt;script&gt; // jQuery code // jQuery code available after the page has fully loaded $(document).ready(function(){ var id = 0; var status = 'temp'; $(":button").click(function(){ id = $(this).prop("id"); console.log('button ' + id + ' pressed'); if($(this).prop('value') == 'ON'){ status = 'OFF'; }else{ status = 'ON'; } // load table with updated values $('#tbody1').load("update-led.php", { id: id, status: status }, function(){ console.log('table loaded'); }); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="table"&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;No:&lt;/th&gt; &lt;th&gt;Name:&lt;/th&gt; &lt;th&gt;Status:&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody id='tbody1'&gt; &lt;?php getValues(); ?&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; update-led.php &lt;?php require 'mysqldb.php'; require 'mysql.php'; $id = $_POST['id']; $status = $_POST['status']; /* start connection */ $conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name); /* check connection */ if (mysqli_connect_errno()) { printf("Connection failed: %s ", mysqli_connect_error()); exit(); } $sql = "UPDATE led_control SET Status='$status' WHERE ID=$id"; mysqli_query($conn,$sql); /* close connection */ mysqli_close($conn); getValues(); ?&gt; mysql.php This will create the table &lt;?php require_once 'mysqldb.php'; function getValues(){ /* This function retrieves the values from the database and store it in an array. */ global $db_host, $db_user, $db_pass, $db_name; $data = array(); /* start connection */ $conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name); /* check connection */ if (mysqli_connect_errno()) { printf("Connection failed: %s ", mysqli_connect_error()); exit(); } $sql = 'SELECT * FROM led_control ORDER BY ID'; if($query = mysqli_query($conn,$sql)){ while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){ $data[] = $row; // Display into html table echo "&lt;tr&gt;"; echo "&lt;td&gt;{$row['ID']}&lt;/td&gt;"; echo "&lt;td&gt;{$row['LED']}&lt;/td&gt;"; echo "&lt;td&gt; &lt;input type='button' id='{$row['ID']}' value='{$row['Status']}' name='{$row['ID']}'&gt; &lt;/td&gt;"; echo "&lt;/tr&gt;"; } /* free result set */ mysqli_free_result($query); } /* close connection */ mysqli_close($conn); } ?&gt; For now, it will only get executed once but I would want my function to be executed more than once. I tried to find solutions to my problem but to no avail. I would greatly appreciate any help given :)
  • jQuery日期加减问题？？？？？？？？ jquery
    5年前
    回答 3 已采纳 ``` *存入金额 最低存入金额为1000元 *币种 请选择币种 *存期 请选择存期 *年利率 % 上浮区间% *存入日期 请点击 *提取日期 请点击 计算结果 利息总额 本息合计 利息税 明细详情 转存期次 偿还本息(元) 偿还利息(元) 计算公式(元) 日期(元) fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl fdgrrgergeedd,dmdmsdmf;sdkf;lksd;fksd;lfkd;slkfl;sdkf;lsdkf;ldskf;lsdkf;lsdkfl ``` ![图片说明](https://img-ask.csdn.net/upload/201601/13/1452660272_726627.png) 就是存入日期（当前日期） + 存期 = 提取日期 也就是说 今天的日期 加上存期的下拉框里的所显示的文字（三个月 90天） 比如 2016-1-13 + 三个月 =2016-4-13 这个用jQuery怎么写 ？？？？ 还有就是 我在myeclipse里运行 那个存入日期 是当前日期 但是在网页上运行就这个样子了 ![图片说明](https://img-ask.csdn.net/upload/201601/13/1452660622_697017.png)
  • jquery bind失效了？？？ jquery
    6年前
    回答 6 已采纳 $("#myText").click(function(){ console.log(1111); $(this).unbind("click"); $(this).bind("click"); }) ``` 为什么点按纽只能输出一次1111,再点就没反应了，虽然我unbind了，但我又bind啦？？ ```
  • jQuery的append方法添加出错？ jquery
    4年前
    回答 2 已采纳 ![图片说明](https://img-ask.csdn.net/upload/201706/22/1498100717_11685.png) 这个是我的代码部分，就是一个div点击事件里面的方法，但是这样做了之后结果却是这样：![图片说明](https://img-ask.csdn.net/upload/201706/22/1498100803_572115.png) 然后我又把我的代码换了，换成了这样：![图片说明](https://img-ask.csdn.net/upload/201706/22/1498100857_183708.png) 但是依然没有出结果，然后运行结果就变成这样：![图片说明](https://img-ask.csdn.net/upload/201706/22/1498100906_833042.png) 各位大神，麻烦帮小弟看下试试怎么回事！万分感谢（备注：这个框的div是通过jsw文件生成的！）
  • jquery ajax请求 post 参数问题？ ajaxjquery
    4年前
    回答 1 已采纳 ![图片说明](https://img-ask.csdn.net/upload/201702/11/1486777322_515993.png) 其中传递参数requestData 如果这个参数是requestData = {"login_name":"name"}:这样的写法 请求没有问题，php也能够获取到值 但是如果用jquery serializeArray 然后转换成json格式 则返回的是当前页面的html ，不是预先设定的值
  • jQuery/Js复制文本到剪贴板
    3年前
    kite.wang的博客 &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; ...meta charset="UTF-8"&gt;...jQuery/Js复制文本到剪贴板&lt;/title&gt; &lt;script src="http://apps.bdimg.com/libs/jquery/1.8.3/jque...
  • jquery复制文本到剪贴板_剪贴板还有如此多的神操作你知道吗？用好它让你的工作效率翻倍...
    4月前
    沂琳的博客 在Excel表格中复制剪贴是一个使用频率相当高的操作，但是很多朋友对于剪切板的使用并不是很熟练。...这样设置完成后在复制的时候按两次Ctrl+C就可以快速的调出剪贴板了。二.剪贴板的神操作：1.数据的合并：(1)多...
  • jQuery简单实现点击文本框复制内容到剪贴板上的方法
    6月前
    主要介绍了jQuery简单实现点击文本框复制内容到剪贴板上的方法,涉及jQuery针对浏览器的判定与剪贴板的读写操作技巧,需要的朋友可以参考下
  • 使用 jQuery 复制文字到剪贴板的技巧
    5年前
    斷弦泉月的博客 如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案，最可能的结果就是使用Flash的方案来做这个事，虽然使用Flash可以很好地解决这个问题，但是这不是一个明智的想法，因为这个产品最终会消失或者至少...
  • jquery 一键复制文本到剪切板
    4年前
    一个工作的博客 今天做项目有一个功能，能过点击按钮复制一段文本到剪切板，在网上找了一些，整理了一下，方便需要的朋友使用
  • jQuery 复制文本内容到剪贴板
    1月前
    Amazon Translator的博客 &lt;!... &lt;... &lt;head&gt;...jQuery复制文本到剪贴板&lt;/title&gt; &lt;script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;bo
  • 单击按钮使用jQuery复制到剪贴板
    1年前
    CHCH998的博客 How do I copy the text inside a div to the clipboard? 如何将div中的文本复制到剪贴板？ I have a div and need to ad
  • jquery复制文本到windows粘贴板
    1年前
    boveysmith的博客 　一：使用原生 javascript 中 window.clipboardData 实现复制到剪贴板功能； 　二：使用 Zero Clipboard 库； 在尝试了之后发现现有的方案都不能满足需求还有些 bug。方案一仅仅支持 ie 浏览器，在 firefox,...
  • jquery复制文本到剪贴板_7个高效的Word「复制粘贴」诀窍，高手从不说，却偷偷在用！...
    4月前
    王星泽的博客 当文档内容重复性较大或比较杂乱时，我们大概最常使用的一个操作就是Ctrl+C复制，Ctrl+V粘贴来快速录入或编辑文本了吧！对于这两组快捷键，毫无疑问是职场人士使用最多的功能之一，也是大家最熟悉的复制技巧。但是，...
  • jquery实现复制到剪贴板 通用
    4年前
    fanblog的博客 下周将会上线一个功能,表述为点击按钮复制某个dom下的内容或文本.百度后得到一个简单粗暴的解决方式: window.clipboardData.setData ("Text", "demo");但是,本人编写demo运行后发现报错: jsonp....