宏哥微信粉丝群：https://bbs.csdn.net/topics/618423372 有兴趣的可以扫码加入
1.简介
鼠标为我们使用电脑提供了很多方便，我们看到的东西就可以将鼠标移动过去进行点击就可以打开或者访问内容，当页面内容过长时，我们也可以使用鼠标滚轮来实现对整个页面内容的查看，其实playwright也有鼠标操作的方法。上一篇文章中已经讲解过鼠标的部分操作了，今天宏哥在这里将剩下的其他操作进行一个详细地介绍和讲解。
2.鼠标操作语法
鼠标操作介绍官方API的文档地址：Mouse | Playwright
Mouse鼠标操作是基于page对象去调用。常用的鼠标操作有单击，双击，滚轮，按住，移动，释放。
2.1官方示例
1.使用` page.mouse` 画 一个100x100的正方形。语法如下：
# Using ‘page.mouse’ to trace a 100x100 square.
# 鼠标移动到（0,0）坐标
await page.mouse.move(0, 0);
# 按下鼠标
await page.mouse.down();
# 鼠标纵坐标向下移动100像素
await page.mouse.move(0, 100);
# 鼠标横坐标向右移动100像素
await page.mouse.move(100, 100);
# 鼠标纵坐标向上移动100像素
await page.mouse.move(100, 0);
# 鼠标纵坐标向左移动100像素
await page.mouse.move(0, 0);
# 释放鼠标
await page.mouse.up();2.鼠标运行轨迹，如下图所示：
3.组合拳
mouse.move()、mouse.down()、mouse.up()三个一般都是组合出现在代码里的一套组合拳。
3.1down模拟鼠标按下
down模拟鼠标按下，主要是通过调度一个mousedown事件。
3.1.1参数详解
「参数」
| 参数 | 类型 | 释义 |
|---|---|---|
| button | list["left", "middle", "right"] | 左中右可选 |
| click_count | int | 默认值为1，含义参考：https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail |
3.1.2使用方法
mouse.down() mouse.down(**kwargs)
3.2.move模拟鼠标移动
move模拟鼠标移动，主要是通过调度一个mousemove事件。语法如下：
def move(self, x: float, y: float, *, steps: typing.Optional[int] = None) -> None:"""Mouse.moveDispatches a `mousemove` event.Parameters----------x : floaty : floatsteps : Union[int, None]Defaults to 1. Sends intermediate `mousemove` events."""3.2.1参数详解
| 参数 | 类型 | 释义 |
|---|---|---|
| x | float | x坐标 |
| y | float | y坐标 |
| steps |
3.2.2使用方法
mouse.move(x, y)
mouse.move(x, y, **kwargs)3.3up模拟鼠标释放
up模拟鼠标释放，主要是通过调度一个mouseup事件。
3.2.1参数详解
| 参数 | 类型 | 释义 |
|---|---|---|
| button | list["left", "middle", "right"] | 左中右可选 |
| click_count | int | 默认值为1，含义参考：https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail |
3.2.2使用方法
mouse.up() mouse.up(**kwargs)
4.wheel模拟鼠标滚动
wheel模拟鼠标滚动，是通过调度一个wheel事件。（滚轮事件如果不处理可能会导致滚动，该方法不会等待滚动结束才返回。）
4.1参数详解
| 参数 | 类型 | 释义 |
|---|---|---|
| delta_x | float | 要水平滚动的像素 |
| delta_y | float | 要垂直滚动的像素 |
4.2使用方法
mouse.wheel(delta_x, delta_y)
5.牛刀小试
5.1测试网址
https://cps-check.com/cn/mouse-buttons-test
- 未按鼠标时，不会显示其他颜色
- 长按鼠标左键时，页面会显示红色的左键
- 按下鼠标左键松开时，页面会显示粉红色的左键
5.1代码设计
5.2参考代码
# coding=utf-8🔥# 1.先设置编码，utf-8可支持中英文，如上，一般放在第一行# 2.注释：包括记录创建时间，创建人，项目名称。
'''
Created on 2023-12-12
@author: 北京-宏哥
公众号：北京宏哥
Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-44-鼠标操作-上篇
'''# 3.导入模块
from playwright.sync_api import Playwright, sync_playwright, expectdef run(playwright: Playwright) -> None:browser = playwright.chromium.launch(headless=False)context = browser.new_context()page = context.new_page()page.goto("https://cps-check.com/cn/mouse-buttons-test")page.wait_for_timeout(1000)#将鼠标移到测试框内page.mouse.move(650,300)#按下左键page.mouse.down()page.wait_for_timeout(20000)#释放page.mouse.up()page.wait_for_timeout(2000)#page.pause()context.close()browser.close()with sync_playwright() as playwright:run(playwright)5.3运行代码
1.运行代码，右键Run'Test'，控制台输出，如下图所示：
2.运行代码后电脑端的浏览器的动作（图片中的鼠标左键先显示红色然后显示粉色）。如下图所示：
6.wheel模拟鼠标滚动
wheel模拟鼠标滚动，就是通过调度一个wheel事件。（滚轮事件如果不处理可能会导致滚动，该方法不会等待滚动结束才返回。）
6.1参数详解
| 参数 | 类型 | 释义 |
|---|---|---|
| delta_x | float | 要水平滚动的像素 |
| delta_y | float | 要垂直滚动的像素 |
6.2使用方法
mouse.wheel(delta_x, delta_y)7.小结
到此，鼠标的一些常用的操作基本上都已经讲解和分享完成，当然了可能还有其他操作，这个等我遇到的时候，再具体问题具体分析。好了，今天时间也不早了，宏哥就讲解和分享到这里，感谢您耐心的阅读，希望对您有所帮助。
每天学习一点，今后必成大神-
往期推荐（由于跳转参数丢失了，所有建议选中要访问的右键，在新标签页中打开链接即可访问）或者微信搜索: 北京宏哥 公众号提前解锁更多干货。
Appium自动化系列，耗时80天打造的从搭建环境到实际应用精品教程测试
Python接口自动化测试教程，熬夜87天整理出这一份上万字的超全学习指南
Python+Selenium自动化系列，通宵700天从无到有搭建一个自动化测试框架
Java+Selenium自动化系列，仿照Python趁热打铁呕心沥血317天搭建价值好几K的自动化测试框架
Jmeter工具从基础->进阶->高级，费时2年多整理出这一份全网超详细的入门到精通教程
Fiddler工具从基础->进阶->高级，费时100多天吐血整理出这一份全网超详细的入门到精通教程
Pycharm工具基础使用教程