ElementClickInterceptedException：消息：元素点击被截获：元素 <label> 不可点击 Selenium 和 Python

Question

我正在尝试单击 "All Topics" 和 "All States" 复选框，然后搜索结果。当我运行脚本时，chrome window 打开大小为 1036x674。

如果我单独留下 window，我会收到元素点击拦截错误。如果我最小化或最大化 window，我的脚本工作正常。

我正在使用 Selenium 3.141.0、chrome 76、chrome驱动程序 76 和 python 3.6

chromedriver_path = r"C:\Users\path\to\chromedriver.exe"
browser = webdriver.Chrome(executable_path=chromedriver_path)
url = "http://www.ncsl.org/research/transportation/autonomous-vehicles-legislative-database.aspx"

topics_xpath = "//*[@id=\"dnn_ctr81355_StateNetDB_UpdatePanel1\"]/div[1]/div[2]/span/label"
states_xpath = "//*[@id=\"dnn_ctr81355_StateNetDB_UpdatePanel1\"]/div[2]/div[2]/span/label"
browser.get(url)
time.sleep(30)

elem = browser.find_element_by_xpath(topics_xpath)
elem.click()
time.sleep(5)
elem = browser.find_element_by_xpath(states_xpath)
elem.click()

但是我得到这个错误：

ElementClickInterceptedException: Message: element click intercepted:
Element <label for="dnn_ctr81355_StateNetDB_ckBxAllTopics">...</label> is not clickable at point (259, 665).
Other element would receive the click:
<label for="dnn_ctr81355_StateNetDB_ckBxTopics_0">...</label>
(Session info: chrome=76.0.3809.100)

要点击的复选框就在我要点击的复选框下方。

Answer 1

这个错误信息...

ElementClickInterceptedException: Message: element click intercepted

...意味着在所需元素上调用的 click 方法被其他元素拦截。

To click() 与All Topics 和 All States 文本关联的复选框上，您必须诱导 WebDriverWait 用于 element_to_be_clickable() 并且您可以使用以下任一项 :

使用CSS_SELECTOR:

driver.get("http://www.ncsl.org/research/transportation/autonomous-vehicles-legislative-database.aspx")
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "label[for$='_StateNetDB_ckBxAllTopics']"))).click()
driver.find_element_by_css_selector("label[for$='_StateNetDB_ckBxAllStates']").click()

使用XPATH:

driver.get("http://www.ncsl.org/research/transportation/autonomous-vehicles-legislative-database.aspx")
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//label[contains(@for, '_StateNetDB_ckBxAllTopics')]"))).click()
driver.find_element_by_xpath("//label[contains(@for, '_StateNetDB_ckBxAllStates')]").click()

浏览器快照：

Answer 2

您需要 WebDriverWait 来确定元素 visibility_of_element_located，然后滚动到 Searchable Database 部分，您可以通过 xpath.

使用定位器

请导入：

from selenium.webdriver.support import expected_conditions
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait

试试下面的代码。

chromedriver_path = r"C:\Users\path\to\chromedriver.exe"
browser = webdriver.Chrome(executable_path=chromedriver_path)
url = "http://www.ncsl.org/research/transportation/autonomous-vehicles-legislative-database.aspx"

topics_xpath = "//div[@class='divTopicsSection1']//span//label[text()='All Topics']"
states_xpath = "//div[@class='divStatesSection1']//span//label[text()='All States']"
dBase_xpath = "//h4[text()='Searchable Database']"
browser.get(url)
WebDriverWait(browser, 10).until(expected_conditions.visibility_of_element_located((By.XPATH, topics_xpath)))
elem = browser.find_element_by_xpath(dBase_xpath)
browser.execute_script("arguments[0].scrollIntoView(true);", elem)

browser.find_element_by_xpath(topics_xpath).click()
browser.find_element_by_xpath(states_xpath).click()

ElementClickInterceptedException：消息：元素点击被截获：元素 <label> 不可点击 Selenium 和 Python

ElementClickInterceptedException: Message: element click intercepted: Element <label> is not clickable with Selenium and Python

python

selenium

xpath

css-selectors

webdriverwait