如何在 Chrome 和 Firefox 中秘密复制到剪贴板 JavaScript 函数？

在本文中，我们将尝试如何将 JavaScript 函数秘密复制到剪贴板。

我们使用 copytext() 方法秘密将 JavaScript 函数复制到剪贴板。这些函数也适用于 JavaScript 控制台。为了更好地理解，让我们逐一查看示例。

示例

以下是我们使用 copyText() 方法通过 JavaScript 函数复制文本到剪贴板的示例程序。

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <input type="text" value="Copy me!" id="myInput">
   <button onclick="copyText()">Copy text</button>
   <script>
      function copyText() {
         var copyText = document.getElementById("myInput");
         copyText.select();
         document.execCommand("copy");
         // alert("Copied the text: " + copyText.value);
      }
   </script>
</body>
</html>

添加警报

我们还可以使用 alert() 方法向 copytext() 方法复制的文本添加一个警报。

示例

以下是将文本复制到剪贴板并会在复制文本后显示警报的示例程序。

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <input type="text" value="Copy me!" id="myInput">
   <button onclick="copyText()">Copy text</button>
   <script>
      function copyText() {
         var copyText = document.getElementById("myInput");
         copyText.select();
         document.execCommand("copy");
         alert("Copied the text: " + copyText.value);
      }
   </script>
</body>
</html>

已复制的文本警报显示为 -

示例

以下是使用 copyClipboard() 函数将文本复制到剪贴板的示例程序 -

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <input type="text" value="Text" id="input">
   <button onclick="copyClipboard()">Copy text Here!</button>
   <script>
      function copyClipboard() {
         var sampleText = document.getElementById("input");
         sampleText.select();
         sampleText.setSelectionRange(0, 99999)
         document.execCommand("copy");
         alert("Copied the text: " + sampleText.value);
         document.write("Copied Text here:", sampleText.value);
      }
   </script>
</body>
</html>

更新时间：18-Nov-2022

982 人次浏览

开启你的职业生涯

完成课程认证

开始
广告