2022-07-05 13:41:43 +00:00
|
|
|
---
|
|
|
|
sidebar_label: Frame.type
|
|
|
|
---
|
|
|
|
|
|
|
|
# Frame.type() method
|
|
|
|
|
|
|
|
Sends a `keydown`, `keypress`/`input`, and `keyup` event for each character in the text.
|
|
|
|
|
2022-10-24 07:07:05 +00:00
|
|
|
#### Signature:
|
2022-07-05 13:41:43 +00:00
|
|
|
|
|
|
|
```typescript
|
|
|
|
class Frame {
|
|
|
|
type(
|
|
|
|
selector: string,
|
|
|
|
text: string,
|
2023-06-19 15:44:39 +00:00
|
|
|
options?: Readonly<KeyboardTypeOptions>
|
2022-07-05 13:41:43 +00:00
|
|
|
): Promise<void>;
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
## Parameters
|
|
|
|
|
2024-03-20 15:03:14 +00:00
|
|
|
<table><thead><tr><th>
|
2022-07-05 13:41:43 +00:00
|
|
|
|
2024-03-20 15:03:14 +00:00
|
|
|
Parameter
|
|
|
|
|
|
|
|
</th><th>
|
|
|
|
|
|
|
|
Type
|
|
|
|
|
|
|
|
</th><th>
|
|
|
|
|
|
|
|
Description
|
|
|
|
|
|
|
|
</th></tr></thead>
|
|
|
|
<tbody><tr><td>
|
|
|
|
|
|
|
|
selector
|
|
|
|
|
|
|
|
</td><td>
|
|
|
|
|
|
|
|
string
|
|
|
|
|
|
|
|
</td><td>
|
|
|
|
|
|
|
|
the selector for the element to type into. If there are multiple the first will be used.
|
|
|
|
|
|
|
|
</td></tr>
|
|
|
|
<tr><td>
|
|
|
|
|
|
|
|
text
|
|
|
|
|
|
|
|
</td><td>
|
|
|
|
|
|
|
|
string
|
|
|
|
|
|
|
|
</td><td>
|
|
|
|
|
|
|
|
text to type into the element
|
|
|
|
|
|
|
|
</td></tr>
|
|
|
|
<tr><td>
|
|
|
|
|
|
|
|
options
|
|
|
|
|
|
|
|
</td><td>
|
|
|
|
|
|
|
|
Readonly<[KeyboardTypeOptions](./puppeteer.keyboardtypeoptions.md)>
|
|
|
|
|
|
|
|
</td><td>
|
|
|
|
|
|
|
|
_(Optional)_ takes one option, `delay`, which sets the time to wait between key presses in milliseconds. Defaults to `0`.
|
|
|
|
|
|
|
|
</td></tr>
|
|
|
|
</tbody></table>
|
2022-07-05 13:41:43 +00:00
|
|
|
**Returns:**
|
|
|
|
|
|
|
|
Promise<void>
|
|
|
|
|
|
|
|
## Remarks
|
|
|
|
|
|
|
|
To press a special key, like `Control` or `ArrowDown`, use [Keyboard.press()](./puppeteer.keyboard.press.md).
|
|
|
|
|
|
|
|
## Example
|
|
|
|
|
|
|
|
```ts
|
|
|
|
await frame.type('#mytextarea', 'Hello'); // Types instantly
|
|
|
|
await frame.type('#mytextarea', 'World', {delay: 100}); // Types slower, like a user
|
|
|
|
```
|