Selenium Webdriver JS事件在各浏览器的区别，彻底解决Selenium鼠标悬停 Mouseover和hover问题

Webdriver中，使用代码实现鼠标或者键盘事件有两种方式：

方式一：通过Selenium Actions类来实现，不论什么浏览器都支持，无需考虑浏览器兼容

new Actions(driver).moveToElement(webelement).perform();

组合操作就是几个动作连在一起进行操作。如对一个元素的拖放。

Java代码



(new Actions(dr)).dragAndDrop(dr.findElement(By.id(item)), target).perform();

可以直接调用dragAndDrip()方法，也可以像下面濱示的一样把几个操作放一起实现

Java代码



Action dragAndDrop = builder.clickAndHold(someElement)

.moveToElement(otherElement)

.release(otherElement)

.build().perform();

方式二： 通过JS事件来触发事件。

String code = "arguments[0].fireEvent('onmouseover',document.createEventObject());";

((JavascriptExecutor) driver.getWebDriver()).executeScript(code,element);

notice：事件名必须加"on" 如：onmouseover

通过此方式来完成注意： 因为浏览器对JS的支持不一样，以上方式只支持IE ，要支持Firefox和chrome需增加浏览器的判断，以下代码支持chrome和firefox

String code = "var fireOnThis = arguments[0];" + "var evObj = document.createEvent('MouseEvents');"

+ "evObj.initEvent( 'mouseover', true, true );" + "fireOnThis.dispatchEvent(evObj);";

((JavascriptExecutor) driver.getWebDriver()).executeScript(code,element);

notice：事件名必须不加"on" 如：mouseover 。

或者：

String code= "var ev = new Event('click', {'bubbles':true, 'cancelable':false});
document.querySelector('[data-role=remove]').dispatchEvent(ev);“；
((JavascriptExecutor) driver).executeScript(code);

或者：

public static void click(WebDriver driver) {
String code = "var fireOnThis = document.querySelector('[data-role=remove]');" + "var evObj = document.createEvent(MouseEvents'); "
+ "evObj.initEvent('click', true, true );" + "fireOnThis.dispatchEvent(evObj);";
((JavascriptExecutor) driver).executeScript(code);
}

MouseEvents改成HTMLEvents也可以