如何在 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>

添加警报

我们还可以在 copytext() 方法复制的文本中，使用 alert() 方法添加警报。

示例

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

<!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-11-2022

982 次浏览

开启您的职业生涯

完成课程获得认证

开始
广告