MoveToElement不适用于鼠标悬停并按住元素上的单击

Question

以下是该页面的示例HTML代码：

我正在尝试使用以下xpath将鼠标悬停在元素上：

WebElement Bar1 = dvr.findElement(By.xpath("//div[@class='barModel']/div[@class='model']/canvas[@class='segment']")));

以下是代码

act = new Action (driver);
act.moveToElement(Bar1).build().perform();
act.clickAndHold();

我的目标是拖动元素。 运行上面的代码不会给出任何错误，但页面上没有可见的交互。 我能够使用Robot类完成这个任务，但只是好奇使用Action类来实现它。

Answer 1

您没有执行clickAndHold操作：

act = new Action (driver);
act.moveToElement(Bar1).build().perform();
act.clickAndHold().perform();

如果要拖放元素，可以使用内置函数：

act.dragAndDrop(movedElement, targetElement).perform();

Answer 2

您可以使用JavaScriptExecutor执行mouseover ，如下所示： -

JavascriptExecutor js = (JavascriptExecutor) dvr;
js.executeScript("var clickEvent = document.createEvent('MouseEvents');clickEvent.initEvent('mouseover', true, true); arguments[0].dispatchEvent(clickEvent);", Bar1);

通过使用上面的Java Script您可以执行mouseover 。 现在您可以使用dragAndDrop移动元素，如下所示： -

Actions action = new Actions(dvr)
action.dragAndDrop(sourceElement, destinationElement).build().perform()

希望它会帮助你...... :)