class: Keyboard

Keyboard provides an api for managing a virtual keyboard. The high level api is Keyboard.type(), which takes raw characters and generates proper keydown, keypress/input, and keyup events on your page.

For finer control, you can use Keyboard.down(), Keyboard.up(), and Keyboard.insertText() to manually fire events as if they were generated from a real keyboard.

An example of holding down Shift in order to select and delete some text:

await page.keyboard.type('Hello World!');
await page.keyboard.press('ArrowLeft');

await page.keyboard.down('Shift');
for (let i = 0; i < ' World'.length; i++)
  await page.keyboard.press('ArrowLeft');
await page.keyboard.up('Shift');

await page.keyboard.press('Backspace');
// Result text will end up saying 'Hello!'

page.keyboard().type("Hello World!");
page.keyboard().press("ArrowLeft");
page.keyboard().down("Shift");
for (int i = 0; i < " World".length(); i++)
  page.keyboard().press("ArrowLeft");
page.keyboard().up("Shift");
page.keyboard().press("Backspace");
// Result text will end up saying "Hello!"

await page.keyboard.type("Hello World!")
await page.keyboard.press("ArrowLeft")
await page.keyboard.down("Shift")
for i in range(6):
    await page.keyboard.press("ArrowLeft")
await page.keyboard.up("Shift")
await page.keyboard.press("Backspace")
# result text will end up saying "Hello!"

page.keyboard.type("Hello World!")
page.keyboard.press("ArrowLeft")
page.keyboard.down("Shift")
for i in range(6):
    page.keyboard.press("ArrowLeft")
page.keyboard.up("Shift")
page.keyboard.press("Backspace")
# result text will end up saying "Hello!"

await page.Keyboard.TypeAsync("Hello World!");
await page.Keyboard.PressAsync("ArrowLeft");

await page.Keyboard.DownAsync("Shift");
for (int i = 0; i < " World".Length; i++)
    await page.Keyboard.PressAsync("ArrowLeft");

await page.Keyboard.UpAsync("Shift");

await page.Keyboard.PressAsync("Backspace");
// Result text will end up saying "Hello!"

An example of pressing uppercase A

await page.keyboard.press('Shift+KeyA');
// or
await page.keyboard.press('Shift+A');

page.keyboard().press("Shift+KeyA");
// or
page.keyboard().press("Shift+A");

await page.keyboard.press("Shift+KeyA")
# or
await page.keyboard.press("Shift+A")

page.keyboard.press("Shift+KeyA")
# or
page.keyboard.press("Shift+A")

await page.Keyboard.PressAsync("Shift+KeyA");
// or
await page.Keyboard.PressAsync("Shift+A");

An example to trigger select-all with the keyboard

await page.keyboard.press('ControlOrMeta+A');

page.keyboard().press("ControlOrMeta+A");

await page.keyboard.press("ControlOrMeta+A")

page.keyboard.press("ControlOrMeta+A")

await page.Keyboard.PressAsync("ControlOrMeta+A");

async method: Keyboard.down

Dispatches a keydown event.

key can specify the intended keyboardEvent.key value or a single character to generate the text for. A superset of the key values can be found here. Examples of the keys are:

F1 - F12, Digit0- Digit9, KeyA- KeyZ, Backquote, Minus, Equal, Backslash, Backspace, Tab, Delete, Escape, ArrowDown, End, Enter, Home, Insert, PageDown, PageUp, ArrowRight, ArrowUp, etc.

Following modification shortcuts are also supported: Shift, Control, Alt, Meta, ShiftLeft, ControlOrMeta. ControlOrMeta resolves to Control on Windows and Linux and to Meta on macOS.

Holding down Shift will type the text that corresponds to the key in the upper case.

If key is a single character, it is case-sensitive, so the values a and A will generate different respective texts.

If key is a modifier key, Shift, Meta, Control, or Alt, subsequent key presses will be sent with that modifier active. To release the modifier key, use Keyboard.up().

After the key is pressed once, subsequent calls to Keyboard.down() will have repeat set to true. To release the key, use Keyboard.up().

note

Modifier keys DO influence keyboard.down. Holding down Shift will type the text in upper case.

param: Keyboard.down.key

key <string>

Name of the key to press or a character to generate, such as ArrowLeft or a.

async method: Keyboard.insertText

Dispatches only input event, does not emit the keydown, keyup or keypress events.

Usage

page.keyboard.insertText('嗨');

page.keyboard().insertText("嗨");

await page.keyboard.insert_text("嗨")

page.keyboard.insert_text("嗨")

await page.Keyboard.PressAsync("嗨");

note

Modifier keys DO NOT effect keyboard.insertText. Holding down Shift will not type the text in upper case.

param: Keyboard.insertText.text

text <string>

Sets input to the specified text value.

async method: Keyboard.press

tip

In most cases, you should use Locator.press() instead.

key can specify the intended keyboardEvent.key value or a single character to generate the text for. A superset of the key values can be found here. Examples of the keys are:

Holding down Shift will type the text that corresponds to the key in the upper case.

If key is a single character, it is case-sensitive, so the values a and A will generate different respective texts.

Shortcuts such as key: "Control+o", key: "Control++ or key: "Control+Shift+T" are supported as well. When specified with the modifier, modifier is pressed and being held while the subsequent key is being pressed.

Usage

const page = await browser.newPage();
await page.goto('https://keycode.info');
await page.keyboard.press('A');
await page.screenshot({ path: 'A.png' });
await page.keyboard.press('ArrowLeft');
await page.screenshot({ path: 'ArrowLeft.png' });
await page.keyboard.press('Shift+O');
await page.screenshot({ path: 'O.png' });
await browser.close();

Page page = browser.newPage();
page.navigate("https://keycode.info");
page.keyboard().press("A");
page.screenshot(new Page.ScreenshotOptions().setPath(Paths.get("A.png")));
page.keyboard().press("ArrowLeft");
page.screenshot(new Page.ScreenshotOptions().setPath(Paths.get("ArrowLeft.png")));
page.keyboard().press("Shift+O");
page.screenshot(new Page.ScreenshotOptions().setPath(Paths.get("O.png")));
browser.close();

page = await browser.new_page()
await page.goto("https://keycode.info")
await page.keyboard.press("a")
await page.screenshot(path="a.png")
await page.keyboard.press("ArrowLeft")
await page.screenshot(path="arrow_left.png")
await page.keyboard.press("Shift+O")
await page.screenshot(path="o.png")
await browser.close()

page = browser.new_page()
page.goto("https://keycode.info")
page.keyboard.press("a")
page.screenshot(path="a.png")
page.keyboard.press("ArrowLeft")
page.screenshot(path="arrow_left.png")
page.keyboard.press("Shift+O")
page.screenshot(path="o.png")
browser.close()

await page.GotoAsync("https://keycode.info");
await page.Keyboard.PressAsync("A");
await page.ScreenshotAsync(new() { Path = "A.png" });
await page.Keyboard.PressAsync("ArrowLeft");
await page.ScreenshotAsync(new() { Path = "ArrowLeft.png" });
await page.Keyboard.PressAsync("Shift+O");
await page.ScreenshotAsync(new() { Path = "O.png" });
await browser.CloseAsync();

Shortcut for Keyboard.down() and Keyboard.up().

param: Keyboard.press.key

key <string>

Name of the key to press or a character to generate, such as ArrowLeft or a.

option: Keyboard.press.delay

delay <float>

Time to wait between keydown and keyup in milliseconds. Defaults to 0.

async method: Keyboard.type

caution

In most cases, you should use Locator.fill() instead. You only need to press keys one by one if there is special keyboard handling on the page - in this case use Locator.pressSequentially().

Sends a keydown, keypress/input, and keyup event for each character in the text.

To press a special key, like Control or ArrowDown, use Keyboard.press().

Usage

await page.keyboard.type('Hello'); // Types instantly
await page.keyboard.type('World', { delay: 100 }); // Types slower, like a user

// Types instantly
page.keyboard().type("Hello");
// Types slower, like a user
page.keyboard().type("World", new Keyboard.TypeOptions().setDelay(100));

await page.keyboard.type("Hello") # types instantly
await page.keyboard.type("World", delay=100) # types slower, like a user

page.keyboard.type("Hello") # types instantly
page.keyboard.type("World", delay=100) # types slower, like a user

await page.Keyboard.TypeAsync("Hello"); // types instantly
await page.Keyboard.TypeAsync("World", new() { Delay = 100 }); // types slower, like a user

note

Modifier keys DO NOT effect keyboard.type. Holding down Shift will not type the text in upper case.

note

For characters that are not on a US keyboard, only an input event will be sent.

param: Keyboard.type.text

text <string>

A text to type into a focused element.

option: Keyboard.type.delay

delay <float>

Time to wait between key presses in milliseconds. Defaults to 0.

async method: Keyboard.up

Dispatches a keyup event.

param: Keyboard.up.key

key <string>

Name of the key to press or a character to generate, such as ArrowLeft or a.

async method: Keyboard.down​

param: Keyboard.down.key​

async method: Keyboard.insertText​

param: Keyboard.insertText.text​

async method: Keyboard.press​

param: Keyboard.press.key​

option: Keyboard.press.delay​

async method: Keyboard.type​

param: Keyboard.type.text​

option: Keyboard.type.delay​

async method: Keyboard.up​

param: Keyboard.up.key​

async method: Keyboard.down

param: Keyboard.down.key

async method: Keyboard.insertText

param: Keyboard.insertText.text

async method: Keyboard.press

param: Keyboard.press.key

option: Keyboard.press.delay

async method: Keyboard.type

param: Keyboard.type.text

option: Keyboard.type.delay

async method: Keyboard.up

param: Keyboard.up.key