去哪儿网输入框三种输入方式

Question

如题所述

Answer 1

在机票预定的页面，输入出发城市和到达城市输入框的时候， 发现直接使用sendkeys不好使，
大部分情况出现输入某城市后没有输入进去， 经过几天的研究，发现可以采取三种方式：
1. 先点击输入框，待弹出 城市选择框之后，点击相应的城市
2. 缓慢输入城市的缩略字母或者城市的名字的部分，会显示出待选城市的下拉列表，进而从下拉列表中选择相应的城市.
3. 直接执行 js脚本对input的value设置为想要的值
首先说一下第三种方式：

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].value=\"北京\"", from_inpox);

执行效果最好，
22:35:34.885 INFO - Executing: [execute script: arguments[0].value="北京", [[[Ch
romeDriver: chrome on XP (6452a4a961be7bffa2af9d1b63f3d111)] -> xpath: //div[@id
='js_flighttype_tab_domestic']//input[@name='fromCity']]]])

如上图所演示，两种方式均是用户真实行为。
采取第一种方式：
首先定位到输入框
点击输入框
从弹出的热门城市框中点击所需要的城市

WebElement from_inpox = driver
.findElement(By.xpath("//div[@id='js_flighttype_tab_domestic']//input[@name='fromCity']"));
Actions actions = new Actions(driver);
actions.moveToElement(from_inpox).click().perform();
driver.findElement(By
.xpath("//div[@data-panel='domesticfrom-flight-hotcity-from']//a[@class='js-hotcitylist' and text()='西安']"))
.click();

这里我并没有直接使用click， 而是使用Actions，原因是我在对到达城市操作时，发现经常报element can't be clicked这样的错误，
大意是，当要点击到达城市输入框，其实是被上层的元素遮挡，没法使用click方法，但是可以使用Actions的moveToElement方法之后可以click
或者采取滚动到该元素，调用JS
JavascriptExecutor jse = (JavascriptExecutor) driver;
jse.executeScript("arguments[0].scrollIntoView()",element);