与 目前接受的答案的建议相反，当涉及到让 WebDriver 执行单击操作和用 JavaScript 执行操作之间的区别时，PhantomJS 没有任何特定的内容。

区别

这两种方法的本质区别对于所有浏览器都是相同的，并且可以很简单地解释:

• WebDriver: 当 WebDriver 执行单击操作时，它会尽可能地模拟真实用户使用浏览器时发生的情况。假设你有一个元素 A，它是一个说“ Click me”的按钮，还有一个元素 B，它是一个 div元素，它是透明的，但是有它的尺寸和 zIndex集，所以它完全覆盖了 A。然后告诉 WebDriver 单击 A WebDriver 将模拟单击，以便 B 接收单击 第一。为什么？因为 B 涵盖了 A，如果用户试图单击 A，那么 B 将首先获得事件。A 最终是否会得到 click 事件取决于 B 如何处理该事件。无论如何，在这种情况下，WebDriver 的行为与真正的用户试图单击 A 时是相同的。

• JavaScript: 现在，假设您使用 JavaScript 执行 A.click()。这种单击方法不会重现用户试图单击 A 时真正发生的情况。 JavaScript 将 click事件直接发送到 A，而 B 不会得到任何事件。

为什么 JavaScript 单击可以工作而 WebDriver 单击不能？

正如我上面提到的，WebDriver 将尽可能地模拟真实用户使用浏览器时发生的情况。事实上，DOM 可能包含用户无法交互的元素，WebDriver 不允许您单击这些元素。除了我提到的重叠情况之外，这还意味着无法单击不可见的元素。我在 Stack Overflow 问题中看到的一个常见情况是，有人试图与已经存在于 DOM 中的 GUI 元素进行交互，但只有在操纵了其他一些元素之后才能看到这个 GUI 元素。这种情况有时会发生在下拉菜单: 你必须首先点击按钮，弹出下拉菜单项之前，可以选择。如果有人试图在菜单可见之前单击菜单项，WebDriver 将阻止并表示该元素不能被操纵。如果接下来用户尝试使用 JavaScript 执行此操作，那么它将会工作，因为事件将直接传递给元素，而与可见性无关。

什么时候应该使用 JavaScript 进行单击？

如果您将 Selenium 用于 测试应用程序，我对这个问题的答案是 “几乎从未”。，总的来说，您的 Selenium 测试应该重现用户使用浏览器所做的事情。以下拉菜单为例: 测试应该首先单击打开下拉菜单的按钮，然后单击菜单项。如果 GUI 出现了问题，因为按钮是不可见的，或者按钮没有显示菜单项，或者类似的情况，那么您的测试将会失败，并且您已经检测到了 bug。如果您使用 JavaScript 进行单击，那么您将无法通过自动化测试来检测这些 bug。

我说“几乎从来没有”是因为可能会有例外，在这种情况下使用 JavaScript 是有意义的。不过应该很稀有。

如果对 清理现场使用 Selenium，那么尝试重现用户行为就不那么重要了。因此，使用 JavaScript 绕过 GUI 不是什么大问题。

驱动程序执行的单击试图尽可能接近真实用户的行为，而 JavaScript HTMLElement.click()执行 click事件的默认操作，即使元素不可交互。

区别在于:

• 驱动程序通过将元素滚动到视图中并检查该元素是否为 互动的来确保该元素为 是可见的。

  驱动程序将出现一个错误:

  • 当位于点击坐标顶部的元素不是目标元素或后代元素时
  • 当元素没有正的大小或者它是完全透明的时候
  • 当元素是禁用的输入或按钮时(属性/属性 disabled是 true)
  • 当元素禁用鼠标指针时(CSS pointer-events是 none)

  
  JavaScriptHTMLElement.click()将始终执行默认操作，如果元素是禁用的，则最多默认失败。< br > < br >

• 如果驱动程序是可对焦的，那么它应该是 使元素聚焦。

  JavaScript HTMLElement.click()不会。 < br >

• 驱动程序应该像一个真正的用户一样执行 发射所有事件(mousemove，mousedown，mouseup，click，...)。

  JavaScriptHTMLElement.click()只发出 click事件。 页面可能依赖于这些额外的事件，如果不发出这些事件，则其行为可能会有所不同。

  下面是驱动程序在 Chrome 上点击时发出的事件:

  mouseover {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
  mousemove {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
  mousedown {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
  mouseup {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
  click {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
  

  这是通过 JavaScript 注入发出的事件:

  click {target:#topic, clientX:0, clientY:0, isTrusted:false, ... }
  

• The event emitted by a JavaScript .click() is not trusted and the default action may not be invoked:

  https://developer.mozilla.org/en/docs/Web/API/Event/isTrusted
  https://googlechrome.github.io/samples/event-istrusted/index.html

  Note that some of the drivers are still generating untrusted events. This is the case with PhantomJS as of version 2.1.
  
  

• The event emitted by a JavaScript .click() doesn't have the coordinates of the click.

  The properties clientX, clientY, screenX, screenY, layerX, layerY are set to 0. The page might rely on them and might behave differently.

It may be ok to use a JavaScript .click() to scrap some data, but it is not in a testing context. It defeats the purpose of the test since it doesn't simulate the behavior of a user. So, if the click from the driver fails, then a real user will most likely also fail to perform the same click in the same conditions.

What makes the driver fail to click an element when we expect it to succeed?

• The targeted element is not yet visible/interactable due to a delay or a transition effect.

  Some examples :

  https://developer.mozilla.org/fr/docs/Web (dropdown navigation menu) http://materializecss.com/side-nav.html (dropdown side bar)

  Workarrounds:

  Add a waiter to wait for the visibility, a minimum size or a steady position :

  // wait visible
  browser.wait(ExpectedConditions.visibilityOf(elem), 5000);
  
  
  // wait visible and not disabled
  browser.wait(ExpectedConditions.elementToBeClickable(elem), 5000);
  
  
  // wait for minimum width
  browser.wait(function minimumWidth() {
  return elem.getSize().then(size => size.width > 50);
  }, 5000);
  

  重试单击，直到成功:

  browser.wait(function clickSuccessful() {
  return elem.click().then(() => true, (ex) => false);
  }, 5000);
  

  添加与动画/过渡持续时间相匹配的延迟:

  browser.sleep(250);
  

  
  

• 目标元素 最终被一个浮动的元素覆盖曾经滚动到视图中:

  驱动程序自动将元素滚动到视图中以使其可见。如果页面包含浮动/粘贴元素(菜单、广告、页脚、通知、 Cookie 策略)。.)，元素可能最终被覆盖，不再可见/可交互。

  例子: https://twitter.com/?lang=en

  变通方法:

  将窗口的大小设置为较大的，以避免滚动或浮动元素。

  移动具有负 Y偏移量的元素，然后单击它:

    browser.actions()
  .mouseMove(elem, {x: 0, y: -250})
  .click()
  .perform();
  

  在单击之前滚动元素到窗口的中心:

  browser.executeScript(function scrollCenter(elem) {
  var win = elem.ownerDocument.defaultView || window,
  box = elem.getBoundingClientRect(),
  dy = box.top - (win.innerHeight - box.height) / 2;
  win.scrollTo(win.pageXOffset, win.pageYOffset + dy);
  }, element);
  
  
  element.click();
  

  如果无法避免，则隐藏浮动元素:

  browser.executeScript(function scrollCenter(elem) {
  elem.style.display = 'none';
  }, element);
  

谢谢你的好的解释，我遇到了同样的问题，你的解释帮助解决了我的问题。

button = driver.wait.until(EC.presence_of_element_located(
(By.XPATH, "//div[@id='pagination-element']/nav[1]/span[3]/button[1]/span[1]/i[1]")
))
driver.execute_script("arguments[0].click();", button)

if (theElement.Enabled)
{
if (!theElement.Selected)
{
var driver = (IJavaScriptExecutor)Driver;
driver.ExecuteScript("arguments[0].click();", theElement); //ok


//theElement.Click();//action performed on theElement, then pops exception
}
}

我不同意我们将“几乎从不”使用 JS 来模拟点击动作。

在 theElement.Click()之上，我们将检查单选按钮，但异常弹出如上图所示。

事实上，这是没有页面加载动作后的点击，点击只是选择无线电按钮，我不知道为什么网络驱动程序 Click()会导致这个异常，谁能解释为什么这个异常发生。

我使用 网络司机3.141.59、 IE11和 Selenium-server-stanalone-3.141.59. jar进行远程测试。