键盘是与页面交互的另一种方式,主要用于输入。与鼠标类似,Puppeteer通过一个名为keyboard的类表示键盘,每个页面实例都包含这样一个键盘实例。
键盘输入
让我们在搜索框中输入一些文本,然后按回车进行搜索:
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch({ headless: false });
const page = await browser.newPage();
await page.setViewport({ width: 1920, height: 1080 });
await page.goto('https://www.qikegu.com');
// 等待工具栏呈现
await page.waitForSelector('form.search-form');
// 焦点设置到搜索输入
await page.focus('[type="search"]');
// 将文本键入焦点元素
await page.keyboard.type('puppeteer', { delay: 100 });
// 回车
await page.keyboard.press('Enter');
// await browser.close();
})();
此处的场景是,在顶部导航栏右边的搜索框(注意,不是页面中间的大搜索框)输入关键字”puppeteer”,然后回车搜索。