将鼠标悬停在 chrome 后无法点击元素

Question

我试图点击一个只有悬停后才可见的元素。

browser.actions().mouseMove(element(by.css(".frx-mywork-main-block .frx-mywork-main-body-block3"))).perform();
 browser.sleep(5000);
element(by.css(".frx-mywork-main-block .frx-mywork-main-overlay .frx-mywork-main-overlay-body div:nth-child(2) span i")).click();

class 'frx-mywork-main-overlay' 仅在 hovering.The 动作悬停成功完成后才可见，而运行脚本，但在悬停后单击元素失败Chrome browser.But 此代码在 Firefox.In chrome 中运行时成功单击，它表示元素在点 (259、504) 不可单击。我已附上下面是 html 页面的屏幕截图。我该如何解决这个问题？提前致谢。

Answer 1

悬停后尝试下面的方法

var elm = element(by.css(".frx-mywork-main-block .frx-mywork-main-overlay .frx-mywork-main-overlay-body div:nth-child(2) span i"); 
return browser.executeScript("arguments[0].click();", elm.getWebElement());

希望对你有帮助

将鼠标悬停在 chrome 后无法点击元素

Not able click on a element after hovering in chrome

protractor

cucumberjs