双击操作不起作用，而单击对 selenium 中的元素起作用

Question

我试图双击一个元素但无法执行该操作。单击即可在同一元素上正常工作。我错过了什么吗？有人可以帮我解决这个问题吗？

元素的HTML：

<tbody><tr class="mclS" tabindex="0"> <td><div class="mclC" style="height:14px;">&nbsp;&nbsp;*&nbsp;Quarter&nbsp;to&nbsp;Date</div></td> </tr> </tbody>

我尝试过各种双击元素的方法：

WebElement date = driver.findElement(By.cssSelector(".mlstBody>tbody>tr:nth-child(8)"));

=> actions.doubleClick(date).build().perform();

=> actions.doubleClick(date);

=> ((JavascriptExecutor)driver).executeScript("var evt = document.createEvent('MouseEvents');" + "evt.initMouseEvent('dblclick',true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0,null);" + "arguments[0].dispatchEvent(evt);",date);

=> actions.moveToElement(date).doubleClick().build();
actions.perform();

Answer 1

对于reference。

您需要对元素执行如下操作：

Actions action = new Actions(driver);
WebElement date = driver.findElement(By.cssSelector(".mlstBody>tbody>tr:nth-child(8)"));
action.doubleClick(date).perform();

注意：此示例使用 Java。

附加说明：对于 Selenium 3.5 及更高版本，您需要执行以下操作：

action.moveToElement(driver.findElement(By.cssSelector(".msltBody>tbody>tr:nth-child(8)")).doubleClick().build().perform();

Answer 2

看来你已经很接近了。要通过Actions 类调用doubleClick()，您可以使用以下任一解决方案：

• 使用cssSelector：

  WebElement date = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("tr.mclS>td>div.mclC")));
  new Actions(driver).moveToElement(date).doubleClick().build().perform();
  

• 使用xpath：

  WebElement date = new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//tr[@class='mclS']/td/div[@class='mclC' and contains(.,'Date')]")));
  new Actions(driver).moveToElement(date).doubleClick().build().perform();
  

---

更新

由于您仍然无法在所需元素上调用doubleClick() 作为鼠标双击 的替代方法，您可以编写一个脚本并将其传递给executeScript() 方法，如下所示：

• 脚本：

  String jsDoubleClick = 
    "var target = arguments[0];                                 " +
    "var offsetX = arguments[1];                                " +
    "var offsetY = arguments[2];                                " + 
    "var rect = target.getBoundingClientRect();                 " +
    "var cx = rect.left + (offsetX || (rect.width / 2));        " +        
    "var cy = rect.top + (offsetY || (rect.height / 2));        " +
    "                                                           " +
    "emit('mousedown', {clientX: cx, clientY: cy, buttons: 1}); " +
    "emit('mouseup',   {clientX: cx, clientY: cy});             " +
    "emit('mousedown', {clientX: cx, clientY: cy, buttons: 1}); " +
    "emit('mouseup',   {clientX: cx, clientY: cy});             " +
    "emit('click',     {clientX: cx, clientY: cy, detail: 2});  " +
    "                                                           " +
    "function emit(name, init) {                                " +
      "target.dispatchEvent(new MouseEvent(name, init));        " +
    "}                                                          " ;
  

• 通过executeScript() 从您的@Test 调用脚本：

  new Actions(driver).moveToElement(myElem, posX, posY).perform();
  ((JavascriptExecutor)driver).executeScript(jsDoubleClick, myElem, posX, posY);
  

Answer 3

我猜你正在使用 Firefox？我认为双击和壁虎驱动程序写了一个问题。我认为它还没有修复。我看到您在 JavaScript 中尝试了一种方法。你可以试试这个方法吗？它在 Firefox 中对我有用。

document.querySelector(".mlstBody>tbody>tr:nth-child(8)").dispatchEvent(new MouseEvent("dblclick"));