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

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

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

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

  

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

Java代码  

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

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

Java代码  

1. Action dragAndDrop = builder.clickAndHold(someElement)  
2.        .moveToElement(otherElement)  
3.        .release(otherElement)  
4.        .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也可以