js snippets_JS：Snippets —在5分钟内用javascript将文本复制到剪贴板。

最新推荐文章于 2024-08-21 08:39:31 发布

weixin_26750481

最新推荐文章于 2024-08-21 08:39:31 发布

阅读量605

点赞数

原文链接：https://medium.com/awesome-javascript/js-snippets-copy-text-to-the-clipboard-in-javascript-in-5-minutes-75b4de5144d7

版权

js snippets

In this article, we are going to build the functionality of copying the text to the clipboard in javascript in 5 minutes.

在本文中，我们将构建在5分钟内使用javascript将文本复制到剪贴板的功能。

HTML Structure

HTML结构

<div>
  <input type="text" id="text" placeholder="Enter text"/>
  <button onClick="copyTextToClipBoard()">Copy To ClipBoard</button>
</div>

JS Function

JS功能

function copyTextToClipBoard(){  //Input Element with id "text"
  let textToBeCopied = document.getElementById('text');  //Select the content in the input element
  textToBeCopied.select();
  textToBeCopied.setSelectionRange(0, 99999);  //copy the text inside the input element to clipboard
  document.execCommand('copy');  alert('Text copied to Clipboard');}

Code Pen demo!

代码笔演示！

Full Code

完整代码

This article is made with ❤️.

本文由❤️撰写。