Selenium自动化滚动日期选择器遇ElementClickInterceptedException求助

错误原因分析 #

ElementClickInterceptedException的核心诱因通常是：目标元素被其他UI层（如弹窗遮罩、悬浮元素）遮挡，或元素未处于浏览器可视区域内；结合你的代码来看，还存在以下问题：

• 使用绝对XPATH，页面结构微小变动就会导致定位失效
• 仅等待元素变为可点击状态，但未执行实际点击操作
• 年份列表项可能因不在可视区域，无法直接触发点击

具体解决建议 #

1. 改用稳定的相对定位 #

抛弃易失效的绝对XPATH，基于元素属性或文本内容定位：

• 日期输入框：通过placeholder属性精准定位
• 2019年选项：直接通过文本内容匹配列表项

2. 处理元素遮挡与可视区域问题 #

优先通过ActionChains将元素滚动到可视区域；若仍存在遮挡，可使用JavaScript强制点击（作为备选方案）

3. 优化等待逻辑 #

用显式等待替代冗余的time.sleep，提升代码稳定性

修正后的代码示例 #

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.action_chains import ActionChains
import time

url = "https://www.cssscript.com/demo/mobile-ios-date-picker-rolldate/"
driver = webdriver.Chrome()
driver.get(url)
driver.maximize_window()  # 最大化窗口减少遮挡概率

wait = WebDriverWait(driver, 20)

# 点击YYYY-MM-DD格式输入框
date_input = wait.until(EC.element_to_be_clickable((By.XPATH, "//input[@placeholder='YYYY-MM-DD']")))
date_input.click()
time.sleep(1)  # 等待日期选择弹窗加载完成

# 定位2019年的选项
year_2019 = wait.until(EC.presence_of_element_located((By.XPATH, "//div[@class='rolldate-unit']//li[text()='2019']")))

# 滚动到元素可视区域（优先方案）
ActionChains(driver).move_to_element(year_2019).perform()

# 若仍被遮挡，启用下方JavaScript点击（备选方案）
# driver.execute_script("arguments[0].click();", year_2019)

# 执行点击操作
year_2019.click()

额外注意事项 #

• 可添加页面加载完成的等待：wait.until(EC.presence_of_element_located((By.TAG_NAME, 'body')))
• 若页面存在动态遮罩层，需先等待其消失：wait.until(EC.invisibility_of_element_located((By.CLASS_NAME, '遮罩层类名')))（需替换为实际遮罩层的类名）
• 尽量减少time.sleep的使用，优先依赖显式等待

内容的提问来源于stack exchange，提问作者bowo setyo