puppeteer/docs/api/puppeteer.elementhandle.type.md
jrandolf f07ad2c661
fix: update documentation on configuring puppeteer (#9150)
This PR updates the docs regarding configuring puppeteer. In addition,
some changes have been made to the documentation generator to show
default values on the documentation site.

Also fixes: https://github.com/puppeteer/puppeteer/pull/9144
2022-10-24 09:07:05 +02:00

1.1 KiB

sidebar_label
ElementHandle.type

ElementHandle.type() method

Focuses the element, and then sends a keydown, keypress/input, and keyup event for each character in the text.

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

Signature:

class ElementHandle {
  type(
    text: string,
    options?: {
      delay: number;
    }
  ): Promise<void>;
}

Parameters

Parameter Type Description
text string
options { delay: number; } (Optional)

Returns:

Promise<void>

Example 1

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

Example 2

An example of typing into a text field and then submitting the form:

const elementHandle = await page.$('input');
await elementHandle.type('some text');
await elementHandle.press('Enter');