JS实现复制和粘贴功能

发布于 2022-09-01 13:04:01 字数 1568 浏览 12 评论 0

JS实现复制和粘贴的功能:先从文本框中复制输入的内容到粘贴板上,然后点击粘贴按钮时,从粘贴板上得到内容你粘贴到另一个文本框。

*这个功能只能在IE中实现,测试在IE8下通过。

JS代码如下:

  1. <script src="JS/jquery-1.4.2.js" type="text/javascript"></script>
  2.     <script type="text/javascript">
  3.         $(function() {
  4.    $("#copyBtn").click(function() {
  5.                 window.clipboardData.setData("Text", $("#copyFromTxt").val());
  6.             });
  7.             $("#pasteBtn").click(function() {
  8.                 $("#copyToTxt").val(window.clipboardData.getData("Text"));
  9.             });
  10.         });
  11.     </script>

复制代码html代码如下:

  1. <div>
  2.     <input type="text" id="copyFromTxt" />
  3.     <input type="button" id="copyBtn" value="copy" />
  4.     <input type="button" id="pasteBtn" value="paste" />
  5.     <input type="text" id="copyToTxt" />
  6.     </div>

复制代码

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文