Puppeteer实现Naver登录时CMD+V粘贴功能失效问题求助

方案1：使用浏览器上下文剪贴板API直接操作 #

node-clipboardy操作的是系统剪贴板，而Puppeteer的浏览器（尤其是无头模式）可能和系统剪贴板存在隔离，导致粘贴失效。改用页面内的剪贴板API完成复制粘贴，完全在浏览器上下文执行，兼容性更好。

代码示例：

await page.click("#id"); // 先聚焦输入框
await page.evaluate((userId) => {
  navigator.clipboard.writeText(userId).then(() => {
    document.execCommand('paste');
  });
}, "your_ID");

若遇到execCommand废弃提示，可改用剪贴板事件模拟：

await page.evaluate((userId) => {
  const input = document.querySelector("#id");
  input.focus();
  const pasteEvent = new ClipboardEvent('paste', {
    clipboardData: new DataTransfer(),
    bubbles: true,
    cancelable: true
  });
  pasteEvent.clipboardData.setData('text/plain', userId);
  input.dispatchEvent(pasteEvent);
}, "your_ID");

方案2：修正模拟键盘快捷键的时机与方式 #

粘贴失效可能是因为输入框焦点未稳定、剪贴板内容未写入完成，可增加延迟确保操作时机正确：

const ncp = require("node-clipboardy");

await ncp.write("your_ID");
// 等待输入框处于可交互状态
await page.waitForSelector("#id", { visible: true, enabled: true });
await page.click("#id");
// 短暂延迟确保焦点稳定
await page.waitForTimeout(500);

// Mac用Meta，Windows替换为Control
await page.keyboard.down("Meta");
await page.keyboard.press("V", { delay: 100 });
await page.keyboard.up("Meta");

方案3：模拟粘贴后的输入事件（绕过剪贴板） #

若上述方法均无效，可直接设置输入框内容并触发输入事件，模拟真实粘贴的行为：

await page.evaluate((userId) => {
  const input = document.querySelector("#id");
  input.focus();
  input.value = userId;
  // 触发input事件让页面感知内容变化
  input.dispatchEvent(new Event('input', { bubbles: true }));
}, "your_ID");

内容的提问来源于stack exchange，提问作者Alex-jin