曲鸟全栈UI自动化教学(五)：Selenium的键盘鼠标事件详解_selenium move_by_offset(1)

---

1.3 组合按键规则

send_keys支持按键的组合传递，例如上述的粘贴【Ctrl+V】操作，代码实现为：

driver.find_element(By.XPATH, '//\*[@id="kw"]').send_keys(Keys.CONTROL, 'v')

---

另外，通过+号做连接组合按键也是可行的

driver.find_element(By.XPATH, '//\*[@id="kw"]').send_keys(Keys.CONTROL+'c')

---

如果想同时按下三个或更多按键键，则在括号中使用,或+号追加参数即可，例如在输入框同时输入a、b、c:

driver.find_element(By.XPATH, '//\*[@id="kw"]').send_keys('a', 'b','c')

---

另外，我们可以通过【Ctrl+鼠标左键】代码中的Keys，查看支持哪些按键及调用代码

---

2. 模拟按下/弹起【key_down/key_up】

Webdriver还提供了模拟键盘按下/弹起的操作，例如上述的复制操作可以改写为下面的代码

driver.find_element(By.XPATH, '//\*[@id="kw"]')
webdriver.ActionChains(driver).key_down(Keys.CONTROL).send_keys("v").key_up(Keys.CONTROL).perform()

---

实际该方法不常用，使用第一种方法实现来说更简单。

3. 清空输入【clear】

clear方法可以清楚输入框中的内容，例如下面的代码，会先打开百度，搜索框输入：曲鸟 csdn,然后调用clear方法进行清空

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')  # 打开百度网址
# 在输入框输入：曲鸟 csdn
driver = driver.find_element(By.XPATH, '//\*[@id="kw"]')
driver.send_keys('曲鸟 csdn')
driver.clear()

三、鼠标事件

1. 点击【click】

通过click方法能够对页面中可点击元素进行点击操作，例如下面的代码会对百度的【百度一下】按钮进行点击

from selenium import webdriver
from selenium.webdriver.common.by import By

driver= webdriver.Chrome()
driver.get('https://www.baidu.com/')  # 打开百度网址
# 点击百度一下
driver.find_element(By.XPATH,'//\*[@id="su"]').click()

---

2. 单击并按住【click_and_hold】

下面的代码会将button这个元素单击并按住

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')  # 打开百度网址
button = driver.find_element(By.XPATH, '//\*[@id="s-top-left"]/a[1]')
webdriver.ActionChains(driver).click_and_hold(button).perform()

---

3. 右键单击【context_click】

下面的代码会将button这个元素单击并按住

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')  # 打开百度网址
button = driver.find_element(By.XPATH, '//\*[@id="s-top-left"]/a[1]').click()
webdriver.ActionChains(driver).context_click(button).perform()

---

4. 移动到元素（悬浮）【move_to_element】

下面的代码会将鼠标移动到button这个元素上

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')  # 打开百度网址
button = driver.find_element(By.XPATH, '//\*[@id="s-top-left"]/a[1]')
webdriver.ActionChains(driver).move_to_element(button).perform()

---

5. 偏移移动【move_by_offset】

此方法将鼠标从其当前位置（或 0,0）移动给定的偏移量。如果坐标在视图窗口之外，那么鼠标将在浏览器窗口之外结束。
下面的代码会将以button这个元素为起点，将鼠标移动长为100，高为100的距离

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')  # 打开百度网址
button = driver.find_element(By.XPATH, '//\*[@id="s-top-left"]/a[1]')
xOffset = 100
yOffset = 100
webdriver.ActionChains(driver).move_by_offset(xOffset, yOffset).perform()

---

6. 拖拽【drag_and_drop】

此方法首先在源元素上执行单击并按住，移动到目标元素的位置，然后释放鼠标。
下面的代码会单击按住sourceEle元素，然后拖拽到targetEle上，然后释放鼠标

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get("https://crossbrowsertesting.github.io/drag-and-drop")
sourceEle = driver.find_element(By.ID, "draggable")
targetEle = driver.find_element(By.ID, "droppable")
webdriver.ActionChains(driver).drag_and_drop(sourceEle,targetEle).perform()

---

7. 偏移拖拽【drag_and_drop_by_offset】

此方法首先在源元素上执行单击并按住，移动到给定的偏移量，然后释放鼠标。
下面的代码会单击按住sourceEle元素，将鼠标移动长为100，高为100的距离，然后释放鼠标

from selenium import webdriver
from selenium.webdriver.common.by import By



## 学习路线：

这个方向初期比较容易入门一些，掌握一些基本技术，拿起各种现成的工具就可以开黑了。不过，要想从脚本小子变成黑客大神，这个方向越往后，需要学习和掌握的东西就会越来越多以下是网络渗透需要学习的内容：  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/7a04c5d629f1415a9e35662316578e07.png#pic_center)





**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以点击这里获取](https://bbs.csdn.net/topics/618540462)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**