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();

}

最新内容请见作者的GitHub页：http://qaseven.github.io/

时间： 2024-09-29 01:01:24

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

分享jQuery网页元素拖拽插件_jquery

效果说明:配合已有CSS样式,载入插件后,网页元素可以随意在窗口内拖拽,设置了原位置半透明和拖拽半透明的效果选项,可根据需要选择.另外,当页面上有多个可拖拽元素时,可以载入另外一个用于设置z-index的插件,模拟Windows窗口点击置顶效果. js/jquery.jLdraggable.js: ;(function($){ $.fn.extend({ "jLzindex" : function(){ //用于判断和设置各个对话框的z-index var $dragIndex = $

jquery网页元素拖拽插件效果及实现_jquery

复制代码代码如下: ;(function($){$.fn.extend({"jlzindex" : function(){ //用于判断和设置各个对话框的z-indexvar $dragindex = $(this);var arrzindex = new array();for(var i=0; i < $dragindex.length; i++){ //初始化数组元素值,并按拖拽项顺序设置z-index值var zidxnum = 10000 - i - i -2;arr

jQuery实现元素拖拽并cookie保存顺序的方法_jquery

本文实例讲述了jQuery实现元素拖拽并cookie保存顺序的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&

jQuery实现html元素拖拽_jquery

代码很简单,效果非常棒,直接给大家上源码: html <div> <div class="money-input"> 定投金额 : <div class="input-rela"> <input type="text" placeholder="2000"/> <span>元</span> </div> </div> <div

怎么在网页制作拖拽的拼图效果

网页细入Behaviors 的Drag Layer指令. 如何在网页中做一个拼图的效果? 其实要做到这点并不困难,只需要使用到Dreamweaver一个简单的指令. 步骤一:要找到一张完整,而且色彩鲜明的图片.这样便于他人识别. 步骤二:使用一些软件将他们均匀的分割,并将他们分别命名为*.jpg或*.gif图片.我推荐使用Friework或PhotoShop. 步骤三:进入Dreamweaver打开一个相应文件. 步骤四:单击对象工具栏中的层(Layer),在页面中脱拽一个层. 步骤五:把鼠标

jQuery 版元素拖拽原型代码_jquery

本文主要针对拖拽原型进行解析,给刚接触 JQuery 的爱好者一个简单的示例.在引入 Jquery.js 后: 复制代码代码如下: <script type="text/javascript"> $(function(){ //绑定拖动元素对象 bindDrag(document.getElementById('test')); }); function bindDrag(el){ //初始化参数 var els = el.style, //鼠标的 X 和 Y 轴坐标 x

Draggable Elements 元素拖拽功能实现代码_javascript技巧

当然我们可以研究js库的源码, 也可以自己去发明轮子试试看, 其过程还是挺有趣的...下面我就来实现下页面元素的拖拽功能现在就开始着手实现, 让我们从最顶层的方法讲起, 它用于初始化一个drag object, 方法的声明如下 function DragObject(cfg) 这里的cfg我们用一个对象来传入, 有点像Extjs里配置属性复制代码代码如下: var dragObj = new DragObject({ el: 'exampleB', attachEl: 'exampleBH

JavaScript实现拖拽网页内元素的方法_javascript技巧

本文实例讲述了JavaScript实现拖拽网页内元素的方法.分享给大家供大家参考.具体如下: 这段代码详细讲述了JS拖拽的原理和方法,值得学习和借鉴. /** * 跨平台的事件监听函数 * @param {Node} node 需要监听事件的DOM节点 * @param {String} eventType 需要监听的事件类型 * @param {Function} callback 事件监听回调函数 * @type Function 返回值为函数类型 * @return 返回监听回调函数的引用

draggabilly一款功能强大的拖动拖拽元素插件

draggabilly一款功能强大的拖动拖拽元素插件:http://download.csdn.net/detail/cometwo/9411895 支持移动触摸设备的纯js元素拖放插件 :http://download.csdn.net/detail/cometwo/9411907 :"` <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" con