window.addEventListener('paste', function (e) { const clipdata = e.clipboardData || window.clipboardData; console.log('主动粘贴', clipdata.getData('text/plain')); });

这段代码是一个监听粘贴事件的示例。当用户在浏览器中执行粘贴操作时，会触发`paste`事件，并执行相应的回调函数。在回调函数中，我们可以通过`e.clipboardData`或`window.clipboardData`来获取剪切板数据。

`e.clipboardData`是一个`DataTransfer`对象，它提供了访问剪切板数据的方法。在这个示例中，我们使用`getData('text/plain')`方法来获取剪切板中的纯文本内容，并将其打印到控制台中。

需要注意的是，这段代码仅适用于粘贴事件的触发。如果你需要在其他情况下获取剪切板内容，可以使用前面提到的Clipboard API。

相关问题

前端实现可粘贴图片的留言

实现可粘贴图片的留言，可以使用 `contenteditable` 属性和 `paste` 事件来实现。具体实现步骤如下：

1. 在 HTML 中添加可编辑的元素，例如：

<div contenteditable="true" id="message"></div>

2. 监听 `paste` 事件，并获取粘贴的图片文件：

const message = document.getElementById('message');
message.addEventListener('paste', e => {
  const items = e.clipboardData && e.clipboardData.items;
  if (items) {
    for (let i = 0; i < items.length; i++) {
      if (items[i].type.indexOf('image') !== -1) {
        const blob = items[i].getAsFile();
        // 处理粘贴的图片文件
      }
    }
  }
});

3. 处理粘贴的图片文件。可以使用 `FileReader` 将文件转换为 `base64` 编码的字符串，并创建一个 `img` 元素来显示图片：

const reader = new FileReader();
reader.onload = e => {
  const img = new Image();
  img.src = e.target.result;
  message.appendChild(img);
};
reader.readAsDataURL(blob);

完整代码示例：

<div contenteditable="true" id="message"></div>

<script>
  const message = document.getElementById('message');
  message.addEventListener('paste', e => {
    const items = e.clipboardData && e.clipboardData.items;
    if (items) {
      for (let i = 0; i < items.length; i++) {
        if (items[i].type.indexOf('image') !== -1) {
          const blob = items[i].getAsFile();
          const reader = new FileReader();
          reader.onload = e => {
            const img = new Image();
            img.src = e.target.result;
            message.appendChild(img);
          };
          reader.readAsDataURL(blob);
        }
      }
    }
  });
</script>

注意：粘贴图片的功能在不同浏览器中的支持程度可能会有所不同，需要进行兼容性测试。

可以用js代码来完成 对粘贴内容 清除格式

是的，可以使用JavaScript来清除粘贴的内容的格式。以下是一个简单的例子：

function plainText(event) {
  event.preventDefault();
  const clipboardData = event.clipboardData || window.clipboardData;
  const plainText = clipboardData.getData('text/plain');
  document.execCommand('insertHTML', false, plainText);
}

document.addEventListener('paste', plainText);

这个函数监听粘贴事件，当用户粘贴内容时，它将阻止默认的粘贴行为，并从剪贴板中获取纯文本数据。然后，它使用 `document.execCommand()` 方法将纯文本插入到文档中。

这个函数可以很好地处理大多数常见的格式问题，如字体、颜色和样式。但是，它不会处理一些更高级的格式问题，如表格和图像。如果你需要更全面的格式转换，你可能需要使用一个更复杂的库，如 `sanitize-html` 或 `dompurify`。