File: class-mouse.md | Updated: 11/18/2025
On this page
The Mouse class operates in main-frame CSS pixels relative to the top-left corner of the viewport.
tip
If you want to debug where the mouse moved, you can use the Trace viewer or Playwright Inspector . A red dot showing the location of the mouse will be shown for every mouse action.
Every page object has its own Mouse, accessible with Page.mouse()
.
// Using ‘page.mouse’ to trace a 100x100 square.page.mouse().move(0, 0);page.mouse().down();page.mouse().move(0, 100);page.mouse().move(100, 100);page.mouse().move(100, 0);page.mouse().move(0, 0);page.mouse().up();
Methods
Added before v1.9 mouse.click
Shortcut for Mouse.move() , Mouse.down() , Mouse.up() .
Usage
Mouse.click(x, y);Mouse.click(x, y, options);
Arguments
X coordinate relative to the main frame's viewport in CSS pixels.
Y coordinate relative to the main frame's viewport in CSS pixels.
options Mouse.ClickOptions (optional)
Returns
Added before v1.9 mouse.dblclick
Shortcut for Mouse.move() , Mouse.down() , Mouse.up() , Mouse.down() and Mouse.up() .
Usage
Mouse.dblclick(x, y);Mouse.dblclick(x, y, options);
Arguments
X coordinate relative to the main frame's viewport in CSS pixels.
Y coordinate relative to the main frame's viewport in CSS pixels.
options Mouse.DblclickOptions (optional)
Returns
Added before v1.9 mouse.down
Dispatches a mousedown event.
Usage
Mouse.down();Mouse.down(options);
Arguments
options Mouse.DownOptions (optional)
setButton enum MouseButton { LEFT, RIGHT, MIDDLE } (optional)#
Defaults to left.
defaults to 1. See UIEvent.detail .
Returns
Added before v1.9 mouse.move
Dispatches a mousemove event.
Usage
Mouse.move(x, y);Mouse.move(x, y, options);
Arguments
X coordinate relative to the main frame's viewport in CSS pixels.
Y coordinate relative to the main frame's viewport in CSS pixels.
options Mouse.MoveOptions (optional)
Returns
Added before v1.9 mouse.up
Dispatches a mouseup event.
Usage
Mouse.up();Mouse.up(options);
Arguments
options Mouse.UpOptions (optional)
setButton enum MouseButton { LEFT, RIGHT, MIDDLE } (optional)#
Defaults to left.
defaults to 1. See UIEvent.detail .
Returns
Added in: v1.15 mouse.wheel
Dispatches a wheel event. This method is usually used to manually scroll the page. See scrolling
for alternative ways to scroll.
note
Wheel events may cause scrolling if they are not handled, and this method does not wait for the scrolling to finish before returning.
Usage
Mouse.wheel(deltaX, deltaY);
Arguments
Returns