2022-07-05 13:41:43 +00:00
|
|
|
---
|
|
|
|
sidebar_label: Mouse.wheel
|
|
|
|
---
|
|
|
|
|
|
|
|
# Mouse.wheel() method
|
|
|
|
|
|
|
|
Dispatches a `mousewheel` event.
|
|
|
|
|
2022-10-24 07:07:05 +00:00
|
|
|
#### Signature:
|
2022-07-05 13:41:43 +00:00
|
|
|
|
|
|
|
```typescript
|
|
|
|
class Mouse {
|
|
|
|
wheel(options?: MouseWheelOptions): Promise<void>;
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
## Parameters
|
|
|
|
|
2023-02-23 12:31:23 +00:00
|
|
|
| Parameter | Type | Description |
|
|
|
|
| --------- | ----------------------------------------------------- | ------------------------------------------------------ |
|
|
|
|
| options | [MouseWheelOptions](./puppeteer.mousewheeloptions.md) | _(Optional)_ Optional: <code>MouseWheelOptions</code>. |
|
2022-07-05 13:41:43 +00:00
|
|
|
|
|
|
|
**Returns:**
|
|
|
|
|
|
|
|
Promise<void>
|
|
|
|
|
|
|
|
## Example
|
|
|
|
|
|
|
|
An example of zooming into an element:
|
|
|
|
|
|
|
|
```ts
|
|
|
|
await page.goto(
|
|
|
|
'https://mdn.mozillademos.org/en-US/docs/Web/API/Element/wheel_event$samples/Scaling_an_element_via_the_wheel?revision=1587366'
|
|
|
|
);
|
|
|
|
|
|
|
|
const elem = await page.$('div');
|
|
|
|
const boundingBox = await elem.boundingBox();
|
|
|
|
await page.mouse.move(
|
|
|
|
boundingBox.x + boundingBox.width / 2,
|
|
|
|
boundingBox.y + boundingBox.height / 2
|
|
|
|
);
|
|
|
|
|
|
|
|
await page.mouse.wheel({deltaY: -100});
|
|
|
|
```
|