Selenium Python中两种execute_script点击方式为何效果不同？

问题描述 #

尝试通过execute_script方法点击元素，两段代码表现不同：

第一段代码（无报错但未触发点击） #

element_xpath = '//div[@data-testid="listing-card-title"]' 
target_element = driver.find_element_by_xpath(element_xpath)
driver.execute_script("arguments[0].click();", target_element)

第二段代码（可正常点击） #

element_xpath = '//div[@data-testid="listing-card-title"]' 
target_element = driver.find_element_by_xpath(element_xpath) 
target_element_coordinates = target_element.location
driver.execute_script("document.elementFromPoint(%s, %s).click();" % (target_element_coordinates['x'], target_element_coordinates['y']))

第一段代码无报错但未成功点击元素，第二段代码可正常触发点击，请问原因是什么？

原因分析 #

两段代码的核心差异在于点击的目标对象和触发方式不同，导致结果差异的常见原因有以下几种：

• 目标元素本身未绑定点击事件，事件委托在其他元素上
  你定位的div[data-testid="listing-card-title"]可能只是纯展示容器，实际的点击事件是绑定在它的父元素、子元素或覆盖在上方的透明交互元素（如<a>、<span>）上。直接调用这个div的click()方法时，由于元素本身没有事件监听，自然不会触发预期行为；而通过elementFromPoint点击坐标时，实际命中的是那个绑定了事件的元素，因此触发了点击逻辑。

• 点击事件依赖鼠标坐标上下文
  部分前端框架或自定义事件处理逻辑会依赖鼠标事件的坐标参数（如clientX、clientY）执行后续操作（比如显示弹窗、触发动画）。直接调用元素的click()方法生成的事件对象不包含这些坐标信息，导致事件处理代码跳过执行；而elementFromPoint配合坐标点击的方式更接近真实用户操作，生成的事件对象带有完整的坐标上下文，因此能触发完整的事件逻辑。

• 页面元素存在遮挡，直接点击被浏览器拦截
  如果目标元素被其他透明元素（如遮罩层、固定导航栏的透明部分）覆盖，浏览器的原生交互检查会阻止直接调用click()的操作（即使元素能被定位到）；而通过坐标点击时，elementFromPoint会返回当前坐标最上层的可交互元素，刚好绕过了遮挡问题，触发有效点击。

内容的提问来源于stack exchange，提问作者Ali Haider