如何使用Selenium Python在onkeydown=“return false”的输入日期控件中发送日期

uidvcgyl  于 12个月前  发布在  Python
关注(0)|答案(4)|浏览(88)

我有一个最小的HTML:

<!DOCTYPE html>
<html>
    <body>
        <input type="date" max="2023-03-09" value="2023-03-09" onkeydown="return false">
    </body>
</html>

它只要求输入日期,但onkeydown="return false"阻止键盘输入。所以我必须浏览(我猜是浏览器生成的)日历,但不知道如何访问它。甚至控件中的日历图标也很难访问。我已经采取了点击与固定的偏移量,但也许有一个更好的方法。
我的最小Python代码是:

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver import ActionChains
import time

driver = webdriver.Firefox()
driver.get("E:\\Web\\TestDate\\public_html\\index.html")
buttonDate = driver.find_element(By.TAG_NAME, "input")
action = ActionChains(driver)
w, h = buttonDate.size['width'], buttonDate.size['height']
x, y = buttonDate.location['x'], buttonDate.location['y']
wx, wy = driver.get_window_size()['width'], driver.get_window_size()['height']
action.move_to_element_with_offset(buttonDate, w - 10, h - 7)
action.click()
action.perform()
time.sleep(30)
driver.quit()

这样我就可以打开日历控件,但不能使用send_keys()来更改日期。

332nm8kg

332nm8kg1#

只要删除事件处理程序

driver.execute_script("document.querySelector('input[type=\"date\"]').onkeydown = () => {}")

JavaScript代码

document.querySelector('input[type="date"]').onkeydown = () => {}

完整代码,如

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver import ActionChains
import time

driver = webdriver.Firefox()
driver.get("E:\\Web\\TestDate\\public_html\\index.html")
buttonDate = driver.find_element(By.TAG_NAME, "input")

# Call Javascript Here.
driver.execute_script("document.querySelector('input[type=\"date\"]').onkeydown = () => {}")

# Now send the keys here to the element
buttonDate.send_keys("20230629")

action = ActionChains(driver)

time.sleep(30)
driver.quit()

通过jsfiddle在线测试

rpppsulh

rpppsulh2#

您可以使用Selenium的execute_script方法来运行JavaScript并将文本传递到所需的文本框中。参考下面的代码:

date= "2023-03-09"
input_box = driver.find_element(By.XPATH, "//input[@type='date']")
driver.execute_script('arguments[0].value=arguments[1]', input_box, date)

**注意:**类似于从后台将文本插入网页。这种解决方案不会像selenium的send_keys那样模仿人类的行为。

hfwmuf9z

hfwmuf9z3#

给定HTML:

<!DOCTYPE html>
<html>
    <body>
        <input type="date" max="2023-03-09" value="2023-03-09" onkeydown="return false">
    </body>
</html>

要发送自定义日期,可以使用removeAttribute()方法删除onkeydown属性,然后调用send_keys(),如下所示:

driver.get("file:///C:/Users/debanjan.bhattacharj/Desktop/My%20Documents/Selenium/date.html")
driver.execute_script("arguments[0].removeAttribute('onkeydown')", WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "input[type='date']"))))
driver.find_element(By.CSS_SELECTOR, "input[type='date']").send_keys("29062023")

浏览器快照:

参考资料

您可以在以下内容中找到一些相关的详细讨论:

e0uiprwp

e0uiprwp4#

可以使用JS setAttribute()函数直接修改日期:

script = (
    """document.querySelector('%s').setAttribute('%s','%s');"""
    % ('input[type="date"]', "value", "2023-06-29")
)
driver.execute_script(script)

相关问题