Selenium - 实现网页元素拖拽

Drag and Drop, 使用鼠标实现元素拖拽的操作貌似很复杂, 在Selenium中, 借助OpenQA.Selenium.Interactions.Actions类库中提供的方法, 实现起来还是比较简单的。道理如下:

1. 找到要拖拽的页面元素-源(source)。

2. 找到要释放的页面元素-目标(target), 页面显示的这个元素可能是个坑, 但是在页面代码中他就是一个元素。

3. 借助(new Actions(IWebDriver)).DragAnddrop( source, target).Perform(), 完成元素拖放操作。

示例代码:

// drag and drop
using OpenQA.Selenium.Interactions;

                                SIE.InternetExplorerDriver driver = new SIE.InternetExplorerDriver();
                                if (source != null && target != null)
                                {
                                    // drag and drop
                                    new Actions(driver).DragAndDrop(source, target).Perform();
                                }
时间: 2024-10-05 11:12:42

Selenium - 实现网页元素拖拽的相关文章

WPF中元素拖拽的两个实例

原文:WPF中元素拖拽的两个实例 今天结合之前做过的一些拖拽的例子来对这个方面进行一些总结,这里主要用两个例子来说明在WPF中如何使用拖拽进行操作,元素拖拽是一个常见的操作,第一个拖拽的例子是将ListBox中的子元素拖拽到ListView的某一个节点,从而将该子元素作为当前节点的子节点.第二个例子就是将ListView的某一项拖拽到另外一项上从而使两个子项位置互换,这两个例子的原理类似,实现细节上有所差别,下面就具体分析一下这些细节. DEMO1 一 示例截图 图一 示例一截图 二 重点原理分

手机端touch事件实现元素拖拽效果 2

经上次的手机端拖拽事件,再次经过完善修改,加入了元素不能拖出屏幕范围功能,并做了一个小的函数接口 ps:经落雨大神指点. 代码如下: var touchEvent = (function(){ var oDiv = document.getElementsByTagName('div')[0], //获取可拖动元素 oIpt = document.getElementsByTagName('input')[0], //记录拖动元素位置 oIpt1 = document.getElementsBy

实现元素拖拽的两种方式

第一种方式:使用H5的API dataTransfer 实现思路: 1.为将要拖拽的元素设置允许拖拽,并赋予dragstart事件将其id转换成数据保存: 2.为容器添加dragover属性添加事件阻止浏览器默认事件,允许元素放置,并赋予drop事件进行元素的放置. 代码如下: <html> <head> <meta charset="utf-8"> <style> .box1 { width: 100px; height: 100px;

使用Selenium对网页元素进行定位的诸种方法

使用Selenium进行自动化操作,首先要做的就是通过webdriver的get()方法打开一个URL链接. 在打开链接,完成页面加载之后,就可以通过Selenium提供的接口,在页面上进行各种操作了,下面我们来了解一下如何在查找元素. 3.1 查找和定位网页元素 在上一篇的示例中,我们就演示了如何通过find_element_by_id()方法,根据元素的id值来定位页面元素. 除了根据元素的id值来查找元素外,Selenium还提供了很多查找元素的方法: 从上图中可以看到,Selenium提

Selenium 定位网页元素

第一 定位元素辅助工具 IE中在元素上右击 ->  “检查元素”,或按F12键打开开发者工具: Chrome中在元素上右击 -> “审查元素”,或按F12键打开开发者工具: Firefox中在元素上右击 -> “检查元素”,或安装插件Firebug打开开发者工具: http://getfirebug.com/ Firefox中可以安装xPathChecker通过xpath定位页面上元素. https://addons.mozilla.org/zh-CN/firefox/addon/xpa

[Selenium]计算坐标进行拖拽,重写dragAndDropOffset

//@author jzhang6 public void dragAndDropOffset(WebDriver driver,WebElement dragableEl, WebElement dropableEl, int offsetX, int offsetY){ Actions action = new Actions(driver); action.clickAndHold(dragableEl).build().perform(); action.moveByOffset(off

元素拖拽

/* * touchScroll * param:el,evt * evt:{start:function(){},move:function(){},end:function(){}} */ (function(window,document,undefined){ var hasTouch = 'ontouchstart' in window, hasPointer= navigator.msPointerEnabled, winW = document.body.clientWidth,

html元素拖拽

html 1 <div> 2 <div class="money-input"> 3 定投金额 : 4 <div class="input-rela"> 5 <input type="text" placeholder="2000"/> 6 <span>元</span> 7 </div> 8 9 </div> 10 <div

jq元素拖拽

<div id="a1"></div> js 1 <script type="text/javascript"> 2 $(function(){ 3 $('#a1').mousedown(function(e){ 4 var positionDiv = $(this).offset(); 5 var distenceX = e.pageX - positionDiv.left; 6 var distenceY = e.pageY