selenium的drag_and_drop无效的解决办法

最新推荐文章于 2023-03-17 18:02:52 发布

小严充

最新推荐文章于 2023-03-17 18:02:52 发布

阅读量2.3k

点赞数

文章标签： selenium python

本文链接：https://blog.csdn.net/weixin_44144762/article/details/116428189

版权

概述：

学习selenium的drag_and_drop函数时发现无效，经过搜索，参考lxlyes的做法并利用github的js代码实现，实现元素A拖动至元素B上的行为。我是一个代码搬运工！

具体实现：

拖动元素的html代码（来源于此处）

<!DOCTYPE HTML>
<html>
<head>
<style>
#div1 {
  width: 350px;
  height: 70px;
  padding: 10px;
  border: 1px solid #aaaaaa;
}
</style>
<script>
function allowDrop(ev) {
  ev.preventDefault();
}

function drag(ev) {
  ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
  ev.preventDefault();
  var data = ev.dataTransfer.getData("text");
  ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>

<p>Drag the W3Schools image into the rectangle:</p>

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br>
<img id="drag1" src="本地图片.jpg" draggable="true" ondragstart="drag(event)" width="336" height="69">

</body>
</html>

python代码：

import time

from selenium import webdriver
from selenium.webdriver.chrome.options import Options

chrome_options=Options()
chrome_options.add_experimental_option('excludeSwitches', ['enable-automation'])
driver = webdriver.Chrome(options=chrome_options)
driver.maximize_window()#最大化

driver.get("你的html文件地址")

#加载jq
with open("./jQuery-3.6.0.min.js", "r") as js1:
	ans = js1.read()
driver.execute_script(ans)
#加载simulateDragDrop方法，来自github（https://gist.github.com/rcorreia/2362544）
with open("./simulateDragDrop.js", "r") as js1:
	ans = js1.read()
driver.execute_script(ans)

time.sleep(3)
driver.execute_script("$('#drag1').simulateDragDrop({ dropTarget: '#div1'});")#执行将drag1图片拖动至div1中
time.sleep(3)
driver.quit()

小严充

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
selenium的drag_and_drop无效的解决办法

概述：学习selenium的drag_and_drop函数时发现无效，经过搜索，参考lxlyes的做法并利用github的js代码实现，实现元素A拖动至元素B上的行为。我是一个代码搬运工！具体实现：拖动元素的html代码（来源于此处）<!DOCTYPE HTML><html><head><style>#div1 { width: 350px; height: 70px; padding: 10px; border: 1p
复制链接

扫一扫