playwright 移动鼠标

在 Playwright 中，您可以使用 `mouse.move(x, y)` 方法将鼠标移动到指定的屏幕坐标。以下是一个示例：

const { webkit } = require('playwright');

(async () => {
  const browser = await webkit.launch();
  const context = await browser.newContext();
  const page = await context.newPage();

  await page.goto('https://www.example.com');

  // 将鼠标移动到页面中心
  const viewport = await page.viewportSize();
  const x = viewport.width / 2;
  const y = viewport.height / 2;
  await page.mouse.move(x, y);

  await browser.close();
})();

这将在页面的中心移动鼠标。您可以根据需要更改 `x` 和 `y` 的值来移动鼠标到不同的位置。

相关问题

playwright 移动鼠标到某一元素

可以使用 `hover` 方法将鼠标悬停在某个元素上。以下是一个示例：

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  await page.goto('https://www.example.com');
  
  const element = await page.$('#myElement');
  await element.hover();
  
  await browser.close();
})();

在这个示例中，我们首先使用 `page.$` 方法找到 ID 为 `myElement` 的元素，然后使用 `hover` 方法将鼠标悬停在该元素上。

playwright模拟鼠标拖动

在Playwright中，可以使用`mouse.down`, `mouse.move` 和 `mouse.up` 方法来模拟鼠标拖动操作。

以下是一个示例代码，演示如何将一个元素从原始位置拖动到目标位置：

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();

  await page.goto('https://www.example.com');
  
  // 获取元素的初始位置和目标位置
  const element = await page.$('#my-element');
  const startLocation = await element.boundingBox();
  const targetLocation = { x: 100, y: 100 };
  
  // 模拟鼠标拖动
  const mouse = page.mouse;
  await mouse.move(startLocation.x, startLocation.y);
  await mouse.down();
  await mouse.move(targetLocation.x, targetLocation.y);
  await mouse.up();
  
  await browser.close();
})();

上述代码中，我们使用`page.$`方法获取到一个元素，并使用`element.boundingBox()`方法获取了该元素的初始位置。然后，我们指定了一个目标位置，并使用`page.mouse`对象来模拟鼠标操作。我们先将鼠标移动到元素的初始位置，然后按下鼠标左键，移动鼠标到目标位置，释放鼠标左键。这样就完成了鼠标拖动操作。