Selenium3.x Python实现鼠标悬停的几种方法

最新推荐文章于 2025-06-16 13:57:34 发布

Amio_

最新推荐文章于 2025-06-16 13:57:34 发布

阅读量9k

点赞数 4

CC 4.0 BY-SA版权

分类专栏：自动化测试文章标签： python selenium 鼠标悬停

本文链接：https://blog.youkuaiyun.com/Amio_/article/details/78543804

自动化测试专栏收录该内容

8 篇文章

订阅专栏

本文介绍了使用Selenium库在Python中实现网页元素鼠标悬停效果的多种方法，包括使用move_to_element、调用JS方法、move_by_offset及move_to_element_with_offset等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

博文章节

博文章节

本机环境介绍

编码语言(Python3.6.2)

(py3env) C:\Users\XXX\iCloudDrive\PycharmProjects\SAT>python -V
Python 3.6.2

Selenium版本(3.7.0)

(py3env) C:\Users\XXX\iCloudDrive\PycharmProjects\SAT>pip show selenium
Name: selenium
Version: 3.7.0
Summary: Python bindings for Selenium

什么是“鼠标悬停”

当鼠标光标移到页面某元素上并停留，页面以文字、图片等形式弹出内容，当鼠标移开时，弹出内容消失。如百度首页以下样式：

鼠标悬停效果

通过”move_to_element”方法实现

# -*- coding: utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait

if __name__ == '__main__':
    chrome_driver_path = "C:\\Users/XXX\\iCloudDrive\\PycharmProjects\\SAT\\sat\\resource\\chromedriver.exe"
    driver = webdriver.Chrome(chrome_driver_path)
    driver.get('https://www.baidu.com/')
    driver.maximize_window()
    menu_xpath = "//a[text()='更多产品']"  # 更多产品XPATH
    more_menu = WebDriverWait(driver=driver, timeout=15).until(EC.visibility_of_element_located((By.XPATH, menu_xpath)))
    ActionChains(driver=driver).move_to_element(more_menu).perform()
    time.sleep(3)  # 仅为能达到悬停效果睡眠，可删除
    driver.quit()

通过调用JS方法实现

# -*- coding: utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait

if __name__ == '__main__':
    chrome_driver_path = "C:\\Users/zhenfeng.liu\\iCloudDrive\\PycharmProjects\\SAT\\sat\\resource\\chromedriver.exe"
    driver = webdriver.Chrome(chrome_driver_path)
    driver.get('https://www.baidu.com/')
    driver.maximize_window()
    js = """
        var evObj = document.createEvent('MouseEvents'); 
        evObj.initMouseEvent(\"mouseover\",true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        arguments[0].dispatchEvent(evObj);
    """
    menu_xpath = "//a[text()='更多产品']"
    more_menu = WebDriverWait(driver=driver, timeout=15).until(EC.visibility_of_element_located((By.XPATH, menu_xpath)))
    driver.execute_script(js, more_menu)
    time.sleep(3)
    driver.quit()

通过调用”move_by_offset”方法实现

此方法不常用，因为获取偏移量较为困难.

# -*- coding: utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver import ActionChains

if __name__ == '__main__':
    chrome_driver_path = "C:\\Users/XXX\\iCloudDrive\\PycharmProjects\\SAT\\sat\\resource\\chromedriver.exe"
    driver = webdriver.Chrome(chrome_driver_path)
    driver.get('https://www.baidu.com/')
    driver.maximize_window()
    ActionChains(driver=driver).move_by_offset(xoffset=1, yoffset=1).perform() # 相对当前位置的X/Y偏移量
    time.sleep(3)
    driver.quit()

通过调用”move_to_element_with_offset”方法实现

此方法不常用，因为获取偏移量较为困难.

# -*- coding: utf-8 -*-
import time
from selenium import webdriver
from selenium.webdriver import ActionChains

if __name__ == '__main__':
    chrome_driver_path = "C:\\Users/zhenfeng.liu\\iCloudDrive\\PycharmProjects\\SAT\\sat\\resource\\chromedriver.exe"
    driver = webdriver.Chrome(chrome_driver_path)
    driver.get('https://www.baidu.com/')
    driver.maximize_window()
    element = driver.find_element_by_name('tj_trnews')
    # 相比参照元素element的X/Y偏移量
    ActionChains(driver=driver).move_to_element_with_offset(to_element=element, xoffset=1, yoffset=1).perform()
    time.sleep(3)
    driver.quit()