title: “鼠标动作详细信息”
weight: 4
Mouse表示鼠标事件. 鼠标操作是通过使用底层接口执行的, 其允许我们向Web浏览器提供虚拟化的设备输入操作.
clickAndHold
它将移动到该元素，然后在给定元素的中间单击(不释放).
{{< code-tab >}}
{{< code-panel language=“java” >}}
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class clickAndHold {
public static void main(String args) {
WebDriver driver = new ChromeDriver();
try {
// Navigate to Url
driver.get(“https://google.com”);
// Store 'google search' button web element
WebElement searchBtn = driver.findElement(By.linkText("Sign in"));
Actions actionProvider = new Actions(driver);
// Perform click-and-hold action on the element
actionProvider.clickAndHold(searchBtn).build().perform();
} finally {
driver.quit();
}
}
}
{{< / code-panel >}}
{{< code-panel language=“python” >}}
from selenium import webdriver
driver = webdriver.Chrome()
Navigate to url
driver.get(“http://www.google.com”)
Store ‘google search’ button web element
searchBtn = driver.find_element(By.LINK_TEXT, “Sign in”)
Perform click-and-hold action on the element
webdriver.ActionChains(driver).click_and_hold(searchBtn).perform()
{{< / code-panel >}}
{{< code-panel language=“csharp” >}}
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Interactions;
namespace SeleniumApp
{
public class ClickAndHold
{
public static void Main(string agrs)
{
IWebDriver driver = new ChromeDriver();
try
{
// Navigate to Url
driver.Navigate().GoToUrl(“https://google.com”);
// Store ‘google search’ button web element
IWebElement searchBtn = driver.FindElement(By.LinkText(“Sign in”));
Actions actionProvider = new Actions(driver);
// Perform click-and-hold action on the element
actionProvider.ClickAndHold(searchBtn).Build().Perform();
}
finally
{
driver.Quit();
}
}
}
}
{{< / code-panel >}}
{{< code-panel language=“ruby” >}}
require ‘selenium-webdriver’
driver = Selenium::WebDriver.for :chrome
begin
Navigate to Url
driver.get ‘https://www.google.com’
Store ‘Sign In’ button web element
sign_in = driver.find_element(link_text: ‘Sign in’)
Perform click-and-hold action on the element
driver.action.click_and_hold(sign_in).perform
ensure
driver.quit
end
{{< / code-panel >}}
{{< code-panel language=“javascript” >}}
const {Builder, By} = require(‘selenium-webdriver’);
(async function clickAndHold() {
let driver = await new Builder().forBrowser(‘chrome’).build();
try {
// Navigate to Url
await driver.get(‘https://www.google.com’);
// Store ‘google search’ button web element
let searchBtn = driver.findElement(By.linkText(“Sign in”));
const actions = driver.actions({async: true});
// Perform mouseMove to element and mouseDown (press) action on the element
await actions.move({origin:searchBtn}).press().perform();
}
finally {
await driver.quit();
}
})();
{{< / code-panel >}}
{{< code-panel language=“kotlin” >}}
import org.openqa.selenium.By
import org.openqa.selenium.chrome.ChromeDriver
import org.openqa.selenium.interactions.Actions
fun main() {
val driver = ChromeDriver()
try {
// Navigate to Url
driver.get(“https://google.com”)
// Store ‘google search’ button web element
val searchBtn = driver.findElement(By.linkText(“Sign in”))
val actionProvider = Actions(driver)
// Perform click-and-hold action on the element
actionProvider.clickAndHold(searchBtn).build().perform()
} finally {
driver.quit()
}
}
{{< / code-panel >}}
{{< / code-tab >}}
contextClick
此方法首先将鼠标移动到元素的位置, 然后在给定元素执行上下文点击(右键单击).
{{< code-tab >}}
{{< code-panel language=“java” >}}
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class contextClick {
public static void main(String args) {
WebDriver driver = new ChromeDriver();
try {
// Navigate to Url
driver.get(“https://google.com”);
// Store 'google search' button web element
WebElement searchBtn = driver.findElement(By.linkText("Sign in"));
Actions actionProvider = new Actions(driver);
// Perform context-click action on the element
actionProvider.contextClick(searchBtn).build().perform();
} finally {
driver.quit();
}
}
}
{{< / code-panel >}}
{{< code-panel language=“python” >}}
from selenium import webdriver
driver = webdriver.Chrome()
Navigate to url
driver.get(“http://www.google.com”)
Store ‘google search’ button web element
searchBtn = driver.find_element(By.LINK_TEXT, “Sign in”)
Perform context-click action on the element
webdriver.ActionChains(driver).context_click(searchBtn).perform()
{{< / code-panel >}}
{{< code-panel language=“csharp” >}}
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Interactions;
namespace SeleniumApp
{
public class ContextClick
{
public static void Main(string agrs)
{
IWebDriver driver = new ChromeDriver();
try
{
// Navigate to Url
driver.Navigate().GoToUrl(“https://google.com”);
// Store ‘google search’ button web element
IWebElement searchBtn = driver.FindElement(By.LinkText(“Sign in”));
Actions actionProvider = new Actions(driver);
// Perform context-click action on the element
actionProvider.ContextClick(searchBtn).Build().Perform();
}
finally
{
driver.Quit();
}
}
}
}
{{< / code-panel >}}
{{< code-panel language=“ruby” >}}
require ‘selenium-webdriver’
driver = Selenium::WebDriver.for :chrome
begin
Navigate to Url
driver.get ‘https://www.google.com’
Store ‘Sign In’ button web element
sign_in = driver.find_element(link_text: ‘Sign in’)
Perform context-click action on the element
driver.action.context_click(sign_in).perform
ensure
driver.quit
end
{{< / code-panel >}}
{{< code-panel language=“javascript” >}}
const {Builder, By} = require(‘selenium-webdriver’);
(async function contextClick() {
let driver = await new Builder().forBrowser(‘chrome’).build();
try {
// Navigate to Url
await driver.get(‘https://www.google.com’);
// Store ‘google search’ button web element
let searchBtn = driver.findElement(By.linkText(“Sign in”));
const actions = driver.actions({async: true});
// Perform context-click action on the element
await actions.contextClick(searchBtn).perform();
}
finally {
await driver.quit();
}
})();
{{< / code-panel >}}
{{< code-panel language=“kotlin” >}}
import org.openqa.selenium.By
import org.openqa.selenium.chrome.ChromeDriver
import org.openqa.selenium.interactions.Actions
fun main() {
val driver = ChromeDriver()
try {
// Navigate to Url
driver.get(“https://google.com”)
// Store ‘google search’ button web element
val searchBtn = driver.findElement(By.linkText(“Sign in”))
val actionProvider = Actions(driver)
// Perform context-click action on the element
actionProvider.contextClick(searchBtn).build().perform()
} finally {
driver.quit()
}
}
{{< / code-panel >}}
{{< / code-tab >}}
doubleClick
它将移动到该元素, 并在给定元素的中间双击.
{{< code-tab >}}
{{< code-panel language=“java” >}}
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class doubleClick {
public static void main(String args) {
WebDriver driver = new ChromeDriver();
try {
// Navigate to Url
driver.get(“https://google.com”);
// Store 'google search' button web element
WebElement searchBtn = driver.findElement(By.linkText("Sign in"));
Actions actionProvider = new Actions(driver);
// Perform double-click action on the element
actionProvider.doubleClick(searchBtn).build().perform();
} finally {
driver.quit();
}
}
}
{{< / code-panel >}}
{{< code-panel language=“python” >}}
from selenium import webdriver
driver = webdriver.Chrome()
Navigate to url
driver.get(“http://www.google.com”)
Store ‘google search’ button web element
searchBtn = driver.find_element(By.LINK_TEXT, “Sign in”)
Perform double-click action on the element
webdriver.ActionChains(driver).double_click(searchBtn).perform()
{{< / code-panel >}}
{{< code-panel language=“csharp” >}}
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Interactions;
namespace SeleniumApp
{
public class DoubleClick
{
public static void Main(string agrs)
{
IWebDriver driver = new ChromeDriver();
try
{
// Navigate to Url
driver.Navigate().GoToUrl(“https://google.com”);
// Store ‘google search’ button web element
IWebElement searchBtn = driver.FindElement(By.LinkText(“Sign in”));
Actions actionProvider = new Actions(driver);
// Perform double-click action on the element
actionProvider.DoubleClick(searchBtn).Build().Perform();
}
finally
{
driver.Quit();
}
}
}
}
{{< / code-panel >}}
{{< code-panel language=“ruby” >}}
require ‘selenium-webdriver’
driver = Selenium::WebDriver.for :chrome
begin
Navigate to Url
driver.get ‘https://www.google.com’
Store ‘Sign In’ button web element
sign_in = driver.find_element(link_text: ‘Sign in’)
Perform double-click action on the element
driver.action.double_click(sign_in).perform
ensure
driver.quit
end
{{< / code-panel >}}
{{< code-panel language=“javascript” >}}
const {Builder, By} = require(‘selenium-webdriver’);
(async function doubleClick() {
let driver = await new Builder().forBrowser(‘chrome’).build();
try {
// Navigate to Url
await driver.get(‘https://www.google.com’);
// Store ‘google search’ button web element
let searchBtn = driver.findElement(By.linkText(“Sign in”));
const actions = driver.actions({async: true});
// Perform double-click action on the element
await actions.doubleClick(searchBtn).perform();
}
finally {
await driver.quit();
}
})();
{{< / code-panel >}}
{{< code-panel language=“kotlin” >}}
import org.openqa.selenium.By
import org.openqa.selenium.chrome.ChromeDriver
import org.openqa.selenium.interactions.Actions
fun main() {
val driver = ChromeDriver()
try {
// Navigate to Url
driver.get(“https://google.com”)
// Store ‘google search’ button web element
val searchBtn = driver.findElement(By.linkText(“Sign in”))
val actionProvider = Actions(driver)
// Perform double-click action on the element
actionProvider.doubleClick(searchBtn).build().perform()
} finally {
driver.quit()
}
}
{{< / code-panel >}}
{{< / code-tab >}}
moveToElement
此方法将鼠标移到元素的中间. 执行此操作时, 该元素也会滚动到视图中.
{{< code-tab >}}
{{< code-panel language=“java” >}}
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class moveToElement {
public static void main(String args) {
WebDriver driver = new ChromeDriver();
try {
// Navigate to Url
driver.get(“https://google.com”);
// Store 'Gmail' anchor web element
WebElement gmailLink = driver.findElement(By.linkText("Gmail"));
Actions actionProvider = new Actions(driver);
// Performs mouse move action onto the element
actionProvider.moveToElement(gmailLink).build().perform();
} finally {
driver.quit();
}
}
}
{{< / code-panel >}}
{{< code-panel language=“python” >}}
from selenium import webdriver
driver = webdriver.Chrome()
Navigate to url
driver.get(“http://www.google.com”)
Store ‘google search’ button web element
gmailLink = driver.find_element(By.LINK_TEXT, “Gmail”)
Performs mouse move action onto the element
webdriver.ActionChains(driver).move_to_element(gmailLink).perform()
{{< / code-panel >}}
{{< code-panel language=“csharp” >}}
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Interactions;
namespace SeleniumApp
{
public class MoveToElement
{
public static void Main(string agrs)
{
IWebDriver driver = new ChromeDriver();
try
{
// Navigate to Url
driver.Navigate().GoToUrl(“https://google.com”);
// Store ‘google search’ button web element
IWebElement gmailLink = driver.FindElement(By.LinkText(“Gmail”));
Actions actionProvider = new Actions(driver);
// Performs mouse move action onto the element
actionProvider.MoveToElement(gmailLink).Build().Perform();
}
finally
{
driver.Quit();
}
}
}
}
{{< / code-panel >}}
{{< code-panel language=“ruby” >}}
require ‘selenium-webdriver’
driver = Selenium::WebDriver.for :chrome
begin
Navigate to Url
driver.get ‘https://www.google.com’
Store ‘Gmail’ anchor web element
gmail_link = driver.find_element(link_text: ‘Gmail’)
Performs mouse move action onto the element
driver.action.move_to(gmail_link).perform
ensure
driver.quit
end
{{< / code-panel >}}
{{< code-panel language=“javascript” >}}
const {Builder, By} = require(‘selenium-webdriver’);
(async function moveToElement() {
let driver = await new Builder().forBrowser(‘chrome’).build();
try {
// Navigate to Url
await driver.get(‘https://www.google.com’);
// Store ‘Gmail’ anchor web element
let gmailLink = driver.findElement(By.linkText(“Gmail”));
const actions = driver.actions({async: true});
// Performs mouse move action onto the element
await actions.move({origin:gmailLink}).perform();
}
finally {
await driver.quit();
}
})();
{{< / code-panel >}}
{{< code-panel language=“kotlin” >}}
import org.openqa.selenium.By
import org.openqa.selenium.chrome.ChromeDriver
import org.openqa.selenium.interactions.Actions
fun main() {
val driver = ChromeDriver()
try {
// Navigate to Url
driver.get(“https://google.com”)
// Store ‘Gmail’ anchor web element
val gmailLink = driver.findElement(By.linkText(“Gmail”))
val actionProvider = Actions(driver)
// Performs mouse move action onto the element
actionProvider.moveToElement(gmailLink).build().perform()
} finally {
driver.quit()
}
}
{{< / code-panel >}}
{{< / code-tab >}}
moveByOffset:
此方法将鼠标从其当前位置(或0,0)移动给定的偏移量. 如果坐标在视图窗口之外, 则鼠标最终将在浏览器窗口之外.
{{< code-tab >}}
{{< code-panel language=“java” >}}
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class moveByOffset {
public static void main(String args) {
WebDriver driver = new ChromeDriver();
try {
// Navigate to Url
driver.get(“https://google.com”);
// Store 'Gmail' anchor web element
WebElement gmailLink = driver.findElement(By.linkText("Gmail"));
// Capture x and y offset positions of element
int xOffset = gmailLink.getRect().getX();
int yOffset = gmailLink.getRect().getY();
Actions actionProvider = new Actions(driver);
// Performs mouse move action onto the offset position
actionProvider.moveByOffset(xOffset, yOffset).build().perform();
} finally {
driver.quit();
}
}
}
{{< / code-panel >}}
{{< code-panel language=“python” >}}
from selenium import webdriver
driver = webdriver.Chrome()
Navigate to url
driver.get(“http://www.google.com”)
Store ‘google search’ button web element
gmailLink = driver.find_element(By.LINK_TEXT, “Gmail”)
#Set x and y offset positions of element
xOffset = 100
yOffset = 100
Performs mouse move action onto the element
webdriver.ActionChains(driver).move_by_offset(xOffset,yOffset).perform()
{{< / code-panel >}}
{{< code-panel language=“csharp” >}}
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Interactions;
namespace SeleniumApp
{
public class MoveByOffset
{
public static void Main(string agrs)
{
IWebDriver driver = new ChromeDriver();
try
{
// Navigate to Url
driver.Navigate().GoToUrl(“https://google.com”);
// Store ‘google search’ button web element
IWebElement gmailLink = driver.FindElement(By.LinkText(“Gmail”));
// Set x and y offset positions of element
int xOffset = 100;
int yOffset = 100;
Actions actionProvider = new Actions(driver);
// Performs mouse move action onto the offset position
actionProvider.MoveByOffset(xOffset, yOffset).Build().Perform();
}
finally
{
driver.Quit();
}
}
}
}
{{< / code-panel >}}
{{< code-panel language=“ruby” >}}
require ‘selenium-webdriver’
driver = Selenium::WebDriver.for :chrome
begin
Navigate to Url
driver.get ‘https://www.google.com’
Store ‘Gmail’ anchor web element
gmail_link = driver.find_element(link_text: ‘Gmail’)
Capture x and y offset positions of element
x_offset = gmail_link.rect.x
y_offset = gmail_link.rect.y
Performs mouse move action onto the offset position
driver.action.move_to_location(x_offset, y_offset).perform
ensure
driver.quit
end
{{< / code-panel >}}
{{< code-panel language=“javascript” >}}
const {Builder, By} = require(‘selenium-webdriver’);
(async function moveByOffset() {
let driver = await new Builder().forBrowser(‘chrome’).build();
try {
// Navigate to Url
await driver.get(‘https://www.google.com’);
// Store ‘Gmail’ anchor web element
let gmailLink = driver.findElement(By.linkText(“Gmail”));
// Capture offset positions of element
let offset = await gmailLink.getRect();
let x = await offset.x;
let y = await offset.y;
const actions = driver.actions({async: true});
// Performs mouse move action onto the element
await actions.move({x:parseInt(x),y:parseInt(y)}).pause(3000).perform();
}
finally {
await driver.quit();
}
})();
{{< / code-panel >}}
{{< code-panel language=“kotlin” >}}
import org.openqa.selenium.By
import org.openqa.selenium.chrome.ChromeDriver
import org.openqa.selenium.interactions.Actions
fun main() {
val driver = ChromeDriver()
try {
// Navigate to Url
driver.get(“https://google.com”)
// Store ‘Gmail’ anchor web element
val gmailLink = driver.findElement(By.linkText(“Gmail”))
// Capture x and y offset positions of element
val xOffset = gmailLink.rect.getX()
val yOffset = gmailLink.rect.getY()
val actionProvider = Actions(driver)
// Performs mouse move action onto the element
actionProvider.moveByOffset(xOffset, yOffset).build().perform()
} finally {
driver.quit()
}
}
{{< / code-panel >}}
{{< / code-tab >}}
dragAndDrop
此方法首先在源元素上单击并按住，然后移动到目标元素的位置后释放鼠标.
{{< code-tab >}}
{{< code-panel language=“java” >}}
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class dragAndDrop {
public static void main(String args) {
WebDriver driver = new ChromeDriver();
try {
// Navigate to Url
driver.get(“Drag and Drop example - CrossBrowserTesting.com”);
// Store ‘box A’ as source element
WebElement sourceEle = driver.findElement(By.id(“draggable”));
// Store ‘box B’ as source element
WebElement targetEle = driver.findElement(By.id(“droppable”));
Actions actionProvider = new Actions(driver);
// Performs drag and drop action of sourceEle onto the targetEle
actionProvider.dragAndDrop(sourceEle, targetEle).build().perform();
} finally {
driver.quit();
}
}
}
{{< / code-panel >}}
{{< code-panel language=“python” >}}
from selenium import webdriver
driver = webdriver.Chrome()
Navigate to url
driver.get(“Drag and Drop example - CrossBrowserTesting.com”)
Store ‘box A’ as source element
sourceEle = driver.find_element(By.ID, “draggable”)
Store ‘box B’ as source element
targetEle = driver.find_element(By.ID, “droppable”)
Performs drag and drop action of sourceEle onto the targetEle
webdriver.ActionChains(driver).drag_and_drop(sourceEle,targetEle).perform()
{{< / code-panel >}}
{{< code-panel language=“csharp” >}}
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Interactions;
namespace SeleniumApp
{
public class DragAndDrop
{
public static void Main(string agrs)
{
IWebDriver driver = new ChromeDriver();
try
{
// Navigate to Url
driver.Navigate().GoToUrl(“Drag and Drop example - CrossBrowserTesting.com”);
// Store ‘box A’ as source element
IWebElement sourceEle = driver.FindElement(By.Id(“draggable”));
// Store ‘box B’ as source element
IWebElement targetEle = driver.FindElement(By.Id(“droppable”));
Actions actionProvider = new Actions(driver);
// Performs drag and drop action of sourceEle onto the targetEle
actionProvider.DragAndDrop(sourceEle, targetEle).Build().Perform();
}
finally
{
driver.Quit();
}
}
}
}
{{< / code-panel >}}
{{< code-panel language=“ruby” >}}
require ‘selenium-webdriver’
driver = Selenium::WebDriver.for :chrome
begin
Navigate to Url
driver.get ‘Drag and Drop example - CrossBrowserTesting.com’
Store ‘box A’ as source element
source_ele = driver.find_element(id: ‘draggable’)
Store ‘box B’ as source element
target_ele = driver.find_element(id: ‘droppable’)
Performs drag and drop action of sourceEle onto the targetEle
driver.action.drag_and_drop(source_ele, target_ele).perform
ensure
driver.quit
end
{{< / code-panel >}}
{{< code-panel language=“javascript” >}}
const {Builder, By} = require(‘selenium-webdriver’);
(async function dragAndDrop() {
let driver = await new Builder().forBrowser(‘chrome’).build();
try {
// Navigate to Url
await driver.get(‘Drag and Drop example - CrossBrowserTesting.com’);
// Store ‘box A’ as source element
let sourceEle = driver.findElement(By.id(“draggable”));
// Store ‘box B’ as source element
let targetEle = driver.findElement(By.id(“droppable”));
const actions = driver.actions({async: true});
// Performs drag and drop action of sourceEle onto the targetEle
await actions.dragAndDrop(sourceEle, targetEle).perform();
}
finally {
await driver.quit();
}
})();
{{< / code-panel >}}
{{< code-panel language=“kotlin” >}}
import org.openqa.selenium.By
import org.openqa.selenium.chrome.ChromeDriver
import org.openqa.selenium.interactions.Actions
fun main() {
val driver = ChromeDriver()
try {
// Navigate to Url
driver.get(“Drag and Drop example - CrossBrowserTesting.com”)
// Store ‘box A’ as source element
val sourceEle = driver.findElement(By.id(“draggable”))
// Store ‘box B’ as source element
val targetEle = driver.findElement(By.id(“droppable”))
val actionProvider = Actions(driver)
// Performs drag and drop action of sourceEle onto the targetEle
actionProvider.dragAndDrop(sourceEle, targetEle).build().perform()
} finally {
driver.quit()
}
}
{{< / code-panel >}}
{{< / code-tab >}}
dragAndDropBy
此方法首先在源元素上单击并按住, 移至给定的偏移量后释放鼠标.
{{< code-tab >}}
{{< code-panel language=“java” >}}
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class dragAndDropBy {
public static void main(String args) {
WebDriver driver = new ChromeDriver();
try {
// Navigate to Url
driver.get(“Drag and Drop example - CrossBrowserTesting.com”);
// Store ‘box A’ as source element
WebElement sourceEle = driver.findElement(By.id(“draggable”));
// Store ‘box B’ as source element
WebElement targetEle = driver.findElement(By.id(“droppable”));
int targetEleXOffset = targetEle.getLocation().getX();
int targetEleYOffset = targetEle.getLocation().getY();
Actions actionProvider = new Actions(driver);
// Performs dragAndDropBy onto the target element offset position
actionProvider.dragAndDropBy(sourceEle, targetEleXOffset, targetEleYOffset).build().perform();
} finally {
driver.quit();
}
}
}
{{< / code-panel >}}
{{< code-panel language=“python” >}}
from selenium import webdriver
driver = webdriver.Chrome()
Navigate to url
driver.get(“Drag and Drop example - CrossBrowserTesting.com”)
Store ‘box A’ as source element
sourceEle = driver.find_element(By.ID, “draggable”)
Store ‘box B’ as source element
targetEle = driver.find_element(By.ID, “droppable”)
targetEleXOffset = targetEle.location.get(“x”)
targetEleYOffset = targetEle.location.get(“y”)
Performs dragAndDropBy onto the target element offset position
webdriver.ActionChains(driver).drag_and_drop_by_offset(sourceEle, targetEleXOffset, targetEleYOffset).perform()
{{< / code-panel >}}
{{< code-panel language=“csharp” >}}
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Interactions;
namespace SeleniumApp
{
public class DragAndDropToOffset
{
public static void Main(string agrs)
{
IWebDriver driver = new ChromeDriver();
try
{
// Navigate to Url
driver.Navigate().GoToUrl(“Drag and Drop example - CrossBrowserTesting.com”);
// Store ‘box A’ as source element
IWebElement sourceEle = driver.FindElement(By.Id(“draggable”));
// Store ‘box B’ as source element
IWebElement targetEle = driver.FindElement(By.Id(“droppable”));
int targetEleXOffset = targetEle.Location.X;
int targetEleYOffset = targetEle.Location.Y;
Actions actionProvider = new Actions(driver);
// Performs drag and drop action of sourceEle onto the targetEle
actionProvider.DragAndDropToOffset(sourceEle, targetEleXOffset, targetEleYOffset).Build().Perform();
}
finally
{
driver.Quit();
}
}
}
}
{{< / code-panel >}}
{{< code-panel language=“ruby” >}}
require ‘selenium-webdriver’
driver = Selenium::WebDriver.for :chrome
begin
Navigate to Url
driver.get ‘Drag and Drop example - CrossBrowserTesting.com’
Store ‘box A’ as source element
source_ele = driver.find_element(id: ‘draggable’)
target_ele = driver.find_element(id: ‘droppable’)
Capture x and y offset positions of element
x_offset = target_ele.rect.x
y_offset = target_ele.rect.y
Performs dragAndDropBy onto the target element offset position
driver.action.drag_and_drop_by(source_ele, x_offset, y_offset).perform
ensure
driver.quit
end
{{< / code-panel >}}
{{< code-panel language=“javascript” >}}
const {Builder, By} = require(‘selenium-webdriver’);
(async function dragAndDropBy() {
let driver = await new Builder().forBrowser(‘chrome’).build();
try {
// Navigate to Url
await driver.get(‘Drag and Drop example - CrossBrowserTesting.com’);
// Store ‘box A’ as source element
let sourceEle = driver.findElement(By.id(“draggable”));
// Store ‘box B’ as source element
let targetEle = driver.findElement(By.id(“droppable”));
let offset = await targetEle.getRect();
let x = await offset.x;
let y = await offset.y;
const actions = driver.actions({async: true});
// Performs dragAndDropBy onto the target element offset position
await actions.dragAndDrop(sourceEle, {x:parseInt(x), y:parseInt(y)}).perform();
}
finally {
await driver.quit();
}
})();
{{< / code-panel >}}
{{< code-panel language=“kotlin” >}}
import org.openqa.selenium.By
import org.openqa.selenium.chrome.ChromeDriver
import org.openqa.selenium.interactions.Actions
fun main() {
val driver = ChromeDriver()
try {
// Navigate to Url
driver.get(“Drag and Drop example - CrossBrowserTesting.com”)
// Store ‘box A’ as source element
val sourceEle = driver.findElement(By.id(“draggable”))
// Store ‘box B’ as source element
val targetEle = driver.findElement(By.id(“droppable”))
val targetEleXOffset = targetEle.location.getX()
val targetEleYOffset = targetEle.location.getY()
val actionProvider = Actions(driver)
// Performs dragAndDropBy onto the target element offset position
actionProvider.dragAndDropBy(sourceEle, targetEleXOffset, targetEleYOffset).build().perform()
} finally {
driver.quit()
}
}
{{< / code-panel >}}
{{< / code-tab >}}
release
此操作将释放按下的鼠标左键. 如果WebElement转移了, 它将释放给定WebElement上按下的鼠标左键.
{{< code-tab >}}
{{< code-panel language=“java” >}}
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class release {
public static void main(String args) {
WebDriver driver = new ChromeDriver();
try {
// Navigate to Url
driver.get(“Drag and Drop example - CrossBrowserTesting.com”);
// Store ‘box A’ as source element
WebElement sourceEle = driver.findElement(By.id(“draggable”));
// Store ‘box B’ as source element
WebElement targetEle = driver.findElement(By.id(“droppable”));
Actions actionProvider = new Actions(driver);
actionProvider.clickAndHold(sourceEle).moveToElement(targetEle).build().perform();
// Performs release event
actionProvider.release().build().perform();
} finally {
driver.quit();
}
}
}
{{< / code-panel >}}
{{< code-panel language=“python” >}}
from selenium import webdriver
driver = webdriver.Chrome()
Navigate to url
driver.get(“Drag and Drop example - CrossBrowserTesting.com”)
Store ‘box A’ as source element
sourceEle = driver.find_element(By.ID, “draggable”)
Store ‘box B’ as source element
targetEle = driver.find_element(By.ID, “droppable”)
Performs dragAndDropBy onto the target element offset position
webdriver.ActionChains(driver).click_and_hold(sourceEle).move_to_element(targetEle).perform()
#Performs release event
webdriver.ActionChains(driver).release().perform()
{{< / code-panel >}}
{{< code-panel language=“csharp” >}}
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;
using OpenQA.Selenium.Interactions;
namespace SeleniumApp
{
public class Release
{
public static void Main(string agrs)
{
IWebDriver driver = new ChromeDriver();
try
{
// Navigate to Url
driver.Navigate().GoToUrl(“Drag and Drop example - CrossBrowserTesting.com”);
// Store ‘box A’ as source element
IWebElement sourceEle = driver.FindElement(By.Id(“draggable”));
// Store ‘box B’ as source element
IWebElement targetEle = driver.FindElement(By.Id(“droppable”));
Actions actionProvider = new Actions(driver);
actionProvider.ClickAndHold(sourceEle).MoveToElement(targetEle).Build().Perform();
// Performs release event
actionProvider.Release().Build().Perform();
}
finally
{
driver.Quit();
}
}
}
}
{{< / code-panel >}}
{{< code-panel language=“ruby” >}}
require ‘selenium-webdriver’
driver = Selenium::WebDriver.for :chrome
begin
Navigate to Url
driver.get ‘Drag and Drop example - CrossBrowserTesting.com’
source_ele = driver.find_element(id: ‘draggable’)
target_ele = driver.find_element(id: ‘droppable’)
driver.action.click_and_hold(source_ele).move_to(target_ele).perform
Performs release event
driver.action.release.perform
ensure
driver.quit
end
{{< / code-panel >}}
{{< code-panel language=“javascript” >}}
const {Builder, By} = require(‘selenium-webdriver’);
(async function release() {
let driver = await new Builder().forBrowser(‘chrome’).build();
try {
// Navigate to Url
await driver.get(‘Drag and Drop example - CrossBrowserTesting.com’);
// Store ‘box A’ as source element
let sourceEle = driver.findElement(By.id(“draggable”));
// Store ‘box B’ as source element
let targetEle = driver.findElement(By.id(“droppable”));
const actions = driver.actions({async: true});
await actions.move({origin:sourceEle}).press().perform();
// Performs release event on target element
await actions.move({origin:targetEle}).release().perform();
}
finally {
await driver.quit();
}
})();
{{< / code-panel >}}
{{< code-panel language=“kotlin” >}}
import org.openqa.selenium.By
import org.openqa.selenium.chrome.ChromeDriver
import org.openqa.selenium.interactions.Actions
fun main() {
val driver = ChromeDriver()
try {
// Navigate to Url
driver.get(“Drag and Drop example - CrossBrowserTesting.com”)
// Store ‘box A’ as source element
val sourceEle = driver.findElement(By.id(“draggable”))
// Store ‘box B’ as source element
val targetEle = driver.findElement(By.id(“droppable”))
val actionProvider = Actions(driver)
actionProvider.clickAndHold(sourceEle).moveToElement(targetEle).build().perform()
// Performs release event
actionProvider.release().build().perform()
} finally {
driver.quit()
}
}
{{< / code-panel >}}
{{< / code-tab >}}