python text控件如何通过鼠标拖动进行标记,怎么在python项目中使用selenium实现一个鼠标拖拽功能...

怎么在python项目中使用selenium实现一个鼠标拖拽功能

发布时间：2020-12-24 16:02:25

来源：亿速云

阅读：57

作者：Leah

这篇文章将为大家详细讲解有关怎么在python项目中使用selenium实现一个鼠标拖拽功能，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

首先我们需要准备一个鼠标滑动的html文件，用来演示鼠标滑动的效果，注意需要将我们的html文件放在自己的服务器上，

html文件如下：

body {

margin: 0;

padding: 0;

}

input{

appearance:none;

-moz-appearance:none;

-webkit-appearance:none;

background: none;

border:none;

}

.wrap{

margin: 200px 0 0 200px;

}

.box {

position: relative;

width: 200px;

height: 30px;

border-radius: 20px;

background: #686B69;

line-height: 30px;

overflow: hidden;

margin-bottom: 40px;

color: #fff;

font-size: 12px;

}

.btn {

position: absolute;

top: 0;

left: 0;

height: 30px;

width: 30px;

background: #0c7;

border-radius: 20px;

text-align: center;

}

.tips {

text-align: center;

}

#submit{

line-height: 28px;

border-radius: 3px;

background: #0c7;

width: 200px;

text-align: center;

color: #fff;

}

>>拖动滑块验证<<

function DragValidate (dargEle,msgEle){

var dragging = false;//滑块拖动标识

var iX;

dargEle.mousedown(function(e) {

msgEle.text("");

dragging = true;

iX = e.clientX; //获取初始坐标

});

$(document).mousemove(function(e) {

if (dragging) {

var e = e || window.event;

var oX = e.clientX - iX;

if(oX 

return false;

};

if(oX >= 210){//容器宽度+10

oX = 200;

return false;

};

dargEle.width(oX + "px");

//console.log(oX);

return false;

};

});

$(document).mouseup(function(e) {

var width = dargEle.width();

if(width 

//console.log(width);

dargEle.width("30px");

msgEle.text(">>拖动滑块验证<

}else{

dargEle.attr("validate","true").text("验证成功！").unbind("mousedown");

};

dragging = false;

});

};

DragValidate($("#dragEle"),$(".tips"));

$("#submit").click(function(){

if(!$("#dragEle").attr("validate")){

alert("请先拖动滑块验证！");

}else{

alert("验证成功！");

}

});

2、使用selenium进行鼠标拖拽操作，具体代码如下：from selenium import webdriver

import unittest

from selenium.webdriver import ActionChains

import time

url = 'http://192.168.62.9:1234/easytest/tt'

driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")

driver.get(url)

driver.maximize_window()

# 获取第一，二，三能拖拽的元素

drag1 = driver.find_element_by_id('dragEle')

# 创建一个新的ActionChains，将webdriver实例对driver作为参数值传入，然后通过WenDriver实例执行用户动作

action_chains = ActionChains(driver)

# 将页面上的第一个能被拖拽的元素拖拽到第二个元素位置

# 将页面上的第三个能拖拽的元素，向右下拖动10个像素，共拖动5次

action_chains.drag_and_drop_by_offset(drag1, 208, 0).perform()

time.sleep(5)

driver.quit()

关于怎么在python项目中使用selenium实现一个鼠标拖拽功能就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。