简单的JavaScript技巧实现粘贴板写入text

2023-12-04 11:57:40

前言
久疏前端代码的菜鸟再次奋战前端开发世界，为了开发一个Chrome插件，需要实现将数据保存到粘贴板的功能，但尝试了几种方式后都无功而返。经过一番搜索和研究，最终找到了一种猥琐但简单的实现方法。

实现步骤

获取剪贴板对象
```
const clipboard = navigator.clipboard;
```
创建要写入的文本
```
const text = '要写入的文本';
```
将文本写入剪贴板
```
clipboard.writeText(text);
```

实例演示

为了更好地理解如何使用JavaScript在剪贴板中写入text，我们提供了一个简单的实例演示。

<!DOCTYPE html>
<html>
<head>
  
</head>
<body>
  <button onclick="writeToClipboard()">写入文本</button>
  <script>
    function writeToClipboard() {
      // 获取剪贴板对象
      const clipboard = navigator.clipboard;

      // 创建要写入的文本
      const text = '要写入的文本';

      // 将文本写入剪贴板
      clipboard.writeText(text);

      // 提示用户已写入文本
      alert('文本已写入剪贴板');
    }
  </script>
</body>
</html>