为元素设置焦点

Posted cnhkzyy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为元素设置焦点相关的知识,希望对你有一定的参考价值。

有时我们获得的元素在页面的不可见区域,为了将其拖动到可见区域,在《js中scrollIntoView()的用法》一文中利用scrollIntoView(false),使元素的底部和页面的底部对齐,其实还有一种方法,就是为元素设置焦点,菜鸟教程有提到这种方法,详见 HTML DOM focus()方法

基本语法:

htmlElementObject.focus()

具体怎么运用?比如在百度首页输入框输入selenium并点击,得到第10个搜索结果,将其拖动到可见区域,可以改写为(改动部分为最后一行)

from selenium import webdriver

#初始化chromedriver
driver = webdriver.Chrome()

#设置隐性等待时间8s
driver.implicitly_wait(8)

#打开百度首页
driver.get("https://www.baidu.com/")

#窗口最大化
driver.maximize_window()

#使用xpath定位输入框,并输入内容 python
driver.find_element_by_xpath("//input[@id=‘kw‘]").send_keys("selenium")

#定位并点击 百度一下 的提交按钮
driver.find_element_by_xpath("//input[@id=‘su‘]").click()

#通过CSS定位到第10条搜索结果
target = driver.find_element_by_css_selector("div[id=‘10‘] h3 a")

#利用js将为元素设置焦点
driver.execute_script("arguments[0].focus();", target)

 

以上是关于为元素设置焦点的主要内容,如果未能解决你的问题,请参考以下文章

为元素设置焦点

当我将元素设置为 Angular 6 中可编辑的内容时,如何设置元素的焦点?

仅在键盘选项卡后获取焦点元素

如何访问 MainActivity() 中的片段元素?

无法设置模态内部元素的 tabindex

如何将焦点设置到独立于 id 的 HTML 表单中的第一个输入元素?