selenium在指定元素上方进行鼠标悬浮

最新推荐文章于 2022-11-11 18:10:36 发布

aq2697013700

最新推荐文章于 2022-11-11 18:10:36 发布

阅读量3.4k

点赞数

分类专栏： selenium

6 篇文章 0 订阅

订阅专栏

本文通过一个HTML示例展示了如何使用JavaScript控制元素显示和隐藏。在Java中，利用Selenium的Actions类，实现了对页面元素的鼠标悬浮操作，分别使`link1`上方的块显示，并在悬浮到`link2`上时使其消失。这为自动化测试提供了对鼠标事件的模拟方法。

摘要由CSDN通过智能技术生成

  html代码： 

 
 <!DOCTYPE  
 html 
 > 

 
 < 
 html  
 lang= 
 "en" 
 > 

 
 < 
 head 
 > 

 
  
 < 
 meta  
 charset= 
 "UTF-8" 
 > 

 
  
 < 
 title 
 > 
 Title 
 </ 
 title 
 > 

 
 </ 
 head 
 > 

 
 < 
 script  
 language= 
 "JavaScript" 
 > 

 
  
 function  
 showNone 
 (){ 

 
  
 document 
 . 
 getElementById 
 ( 
 'div1' 
 ). 
 style 
 . 
 display 
 = 
 "none" 
 ; 

}

 
  
 function  
 showBlock 
 (){ 

 
  
 document 
 . 
 getElementById 
 ( 
 'div1' 
 ). 
 style 
 . 
 display 
 = 
 "block" 
 ; 

}

 
 </ 
 script 
 > 

 
 < 
 style  
 type= 
 "text/css" 
 > 

 
 #div1 
 {

 
  
 position 
 : 
 absolute 
 ; 

 
  
 z-index 
 :  
 1 
 ; 

 
  
 height 
 : 
 200 
 px 
 ; 

 
  
 width 
 : 
 200 
 px 
 ; 

 
  
 left 
 : 
 200 
 px 
 ; 

 
  
 top 
 : 
 200 
 px 
 ; 

 
  
 background-color 
 :  
 aqua 
 ; 

}

 
 </ 
 style 
 > 

 
 < 
 body  
 οnlοad= 
 " 
 showNone 
 () 
 " 
 > 

 
  
 < 
 div  
 id= 
 "div1" 
 > 

 
  
 </ 
 div 
 > 

 
  
 < 
 a  
 οnmοuseοver= 
 " 
 showBlock 
 () 
 "  
 οnmοuseοut= 
 " 
 showNone 
 () 
 "  
 id= 
 "link1" 
 > 
 鼠标滑过 
 </ 
 a 
 > 

 
  
 < 
 a  
 οnmοuseοver= 
 " 
 showBlock 
 () 
 "  
 οnmοuseοut= 
 " 
 showNone 
 () 
 "  
 id= 
 "link2" 
 > 
 鼠标滑过 
 </ 
 a 
 > 

 
 </ 
 body 
 > 

 
 </ 
 html 
 > 

 
 java代码： 

  @Test 

  public void test() { 

  driver.navigate().to(url+"/"); 

  WebElement link1=driver.findElement(By.id("link1")); 

  WebElement link2=driver.findElement(By.id("link2")); 

  Actions action=new Actions(driver); 

  //调用Actions方法，鼠标移到link1上方块显示 

  action.moveToElement(link1).perform(); 

  try { 

  Thread.sleep(3000); 

  } catch (InterruptedException e) { 

  // TODO Auto-generated catch block 

  e.printStackTrace(); 

}

  //调用Actions方法，鼠标移到link2上方块消失 

  action.moveToElement(link2).perform(); 

}

关注

专栏目录