码迷,mamicode.com
首页 > Web开发 > 详细

selenium webdriver学习(十)------------如何把一个元素拖放到另一个元素里面(转)

时间:2015-06-24 10:51:11      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

Q群里有时候会有人问,selenium  webdriver怎么实现把一个元素拖放到另一个元素里面。这一节总一下元素的拖放。

下面这个页面是一个演示拖放元素的页面,你可以把左右页面中的条目拖放到右边的div框中。

http://koyoz.com/demo/html/drag-drop/drag-drop.html

 

现在来看看selenium webdriver是怎么实现drag and drop的吧。let‘s go!

 

Java代码  技术分享
  1. import org.openqa.selenium.By;  
  2. import org.openqa.selenium.WebDriver;  
  3. import org.openqa.selenium.WebElement;  
  4. import org.openqa.selenium.firefox.FirefoxDriver;  
  5. import org.openqa.selenium.interactions.Actions;  
  6.   
  7. public class DragAndDrop {  
  8.   
  9.     /** 
  10.      * @author gongjf 
  11.      */  
  12.     public static void main(String[] args) {  
  13.         // TODO Auto-generated method stub  
  14.         System.setProperty("webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");    
  15.         WebDriver dr = new FirefoxDriver();  
  16.         dr.get("http://koyoz.com/demo/html/drag-drop/drag-drop.html");  
  17.           
  18.         //首先new出要拖入的页面元素对象和目标对象,然后进行拖入。  
  19.         WebElement  element = dr.findElement(By.id("item1"));  
  20.         WebElement  target = dr.findElement(By.id("drop"));  
  21.         (new Actions(dr)).dragAndDrop(element, target).perform();  
  22.           
  23.         //利用循环把其它item也拖入  
  24.         String id="item" ;  
  25.         for(int i=2;i<=6;i++){  
  26.             String item = id+i;  
  27.             (new Actions(dr)).dragAndDrop(dr.findElement(By.id(item)), target).perform();  
  28.         }  
  29.     }  
  30.   
  31. }  
 代码很简单,需要注意的是(new Actions(dr)).dragAndDrop(element, target).perform();这句话中,dragAndDrop(element, target)这个方法是定义了“点击element元素对象,然后保持住,直到拖到目标元素对象里面才松开”这一系列动作的Actions,如果你不调用perform()方法,这个Actions是不会执行的。over!

selenium webdriver学习(十)------------如何把一个元素拖放到另一个元素里面(转)

标签:

原文地址:http://www.cnblogs.com/yye2010/p/4596926.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!