ElementClickInterceptedException：消息：元素单击拦截元素不可单击错误单击单选按钮使用 Selenium 和 Python

IT技术 javascript python selenium webdriver webdriverwait
2021-02-24 14:37:38

我正在尝试单击第一个框（ASN / DSD）

在此处输入图片说明

但我收到此错误消息：

selenium.common.exceptions.ElementClickInterceptedException: Message: element click intercepted: 
Element <input type="radio" name="docTypes" ng-model="$ctrl.documentTypes.selected" id="documentType-0" ng-change="$ctrl.onChangeDocumentType()" ng-value="documentType" tabindex="0" class="ng-pristine ng-untouched ng-valid ng-empty" value="[object Object]" aria-invalid="false"> 
is not clickable at point (338, 202). 
Other element would receive the click:
 <label translate-attr="{title: 'fulfillment.documentAction.createNew.modal.documentType.document.title'}" translate-values="{documentName: documentType.name}" for="documentType-0" translate="ASN - DSD" tabindex="0" title="Select ASN - DSD document type">...</label>
  (Session info: chrome=83.0.4103.116)

我知道我输入了正确的 iframe，因为它可以找到元素，只是不要点击它。我的代码是

driver.switch_to.default_content()
iframes = driver.find_elements_by_tag_name("iframe")
driver.switch_to.frame(iframes[0])
time.sleep(5)
driver.find_element_by_xpath('//*[@id="documentType-0"]').click()

我看到 DebanjanB 在这里回答了类似的问题：链接

我正在尝试使用执行脚本执行他的第三个解决方案。我不知道该模型使用什么 CSS 选择器。模型看起来像这样

WebDriverWait(driver, 20).until(EC.invisibility_of_element((By.CSS_SELECTOR, "span.taLnk.ulBlueLinks")))
driver.execute_script("arguments[0].click();", WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='loadingWhiteBox']"))))

我的问题是我需要在第一行使用什么 css 选择器，然后它只是我在第二行使用的初始 xpath 吗？

这是 HTML 供参考。当我尝试单击输入部分时，出现单击拦截错误。如果使用xpath点击label标签，它不会出错，也不会点击它。它只是移动到下一部分代码而不做任何事情。

<li ng-repeat="documentType in selectDocumentType.documentTypes.displayedList |
orderBy:selectDocumentType.formOrder"> 

<input type="radio" name="docTypes" ng
model="selectDocumentType.documentTypes.selected" id="documentType-0" ng-value="documentType"
tabindex="0" class="ng-valid ng-not-empty ng-dirty ng-valid-parse ng-touched" value="[object Object]"
aria-invalid="false"> 

<label translate-attr="{title:'fulfillment.documentAction.createNew.modal.documentType.document.title'}" 
translate-values={documentName: documentType.name}" for="documentType-0" translate="ASN - DSD" tabindex="0" title=
"Select ASN - DSD document type"><span>ASN - DSD</span></label> </li>

关于如何停止拦截点击的任何建议？

1个回答

这个错误信息...

selenium.common.exceptions.ElementClickInterceptedException: Message: element click intercepted: 
Element <input type="radio" name="docTypes" ng-model="$ctrl.documentTypes.selected" id="documentType-0" ng-change="$ctrl.onChangeDocumentType()" ng-value="documentType" tabindex="0" class="ng-pristine ng-untouched ng-valid ng-empty" value="[object Object]" aria-invalid="false"> 
is not clickable at point (338, 202). 
Other element would receive the click:
 <label translate-attr="{title: 'fulfillment.documentAction.createNew.modal.documentType.document.title'}" translate-values="{documentName: documentType.name}" for="documentType-0" translate="ASN - DSD" tabindex="0" title="Select ASN - DSD document type">...</label>

...暗示所需的元素不可点击，因为其他一些元素遮住了它。

所需的元件是一个角元件这样来调用click()必须以诱导元件上WebDriverWait的element_to_be_clickable()和既可以使用下面的定位符策略：

  • 使用CSS_SELECTOR：

    WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "label[for='documentType-0']"))).click()

  • 使用XPATH：

    WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//label[@for='documentType-0']"))).click()

  • 注意：您必须添加以下导入：

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

更新

作为替代，您可以使用以下execute_script()方法：

  • 使用CSS_SELECTOR：

    driver.execute_script("arguments[0].click();", WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "label[for='documentType-0']"))))

  • 使用XPATH：

    driver.execute_script("arguments[0].click();", WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//label[@for='documentType-0']"))))

参考

您可以在以下位置找到一些相关讨论：

使用执行脚本的更新有效！！太感谢了。我真的很感谢你的帮助。我还有一些问题需要解决，因此您可能会在稍后看到更多问题。
2021-04-28 14:37:38
我刚刚遇到了这个答案，谢谢@DebanjanB - 实际上已经研究了好几天了。如此令人满意的修复
2021-05-09 14:37:38
@RyanBobber 检查答案更新并让我知道状态。
2021-05-14 14:37:38
当我将此等待添加到代码中时，` WebDriverWait(driver, 20).until( EC.element_to_be_clickable((By.CSS_SELECTOR, "label[for='documentType-0']"))).click()` 程序不会出错，但也不会单击按钮。屏幕上似乎什么也没有发生。程序只是继续到下一行。关于为什么不点击按钮的任何想法？@DebanjanB
2021-05-19 14:37:38
其它你可能感兴趣的问题
上一篇javascript中if语句中的单等号是如何工作的 下一篇单击 Javascript 显示元素