当网页点击tab键切换输入的文本框时,整个网页会出现上移的情况?如何解决....急急.......

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当网页点击tab键切换输入的文本框时,整个网页会出现上移的情况?如何解决....急急.......相关的知识,希望对你有一定的参考价值。

我做了一个登录界面,当用户在输入完之后用户名 按tab键切换到密码框时,整个网页就会上移.......
感谢各位的回答 当浏览器窗口最大化的时候 是没有问题的 但是当浏览器窗口拖小的时候,点击tab键切换时,就会出现登录界面上移的情况了......

ALT键坏了么?用右边一个试试……
TAB键坏了么?……
点开始 所有程序 附件 辅助工具 屏幕键盘
弹出的提示框关掉,在屏幕键盘上点ALT键 再点几次TAB键,看有没有切换图标出来。
也许解决不了问题,但能帮助分析是软件问题还是硬件故障
如果软键盘按ALT + TAB也不能切换,则确定是软件问题了,再想办法解决吧。。

如果对您有帮助,请记得采纳为满意答案,谢谢!祝您生活愉快!
参考技术A 可以设置tab的顺序。
用户名文本框为1;
则密码为:2

这样你点击tab的时候,会按顺序跳到某个登陆框上。
参考技术B 楼上正确,设置tabindex属性值

你登录页面上是不是只有2个textbox,是不是还有其他控件呢
参考技术C 。。。。。
把你的登录框向上移一点位置哈。。。。

Selenium向iframe富文本框输入内容

前言

在使用Selenium测试一些CMS后台系统时,有时会遇到一些富文本框,如下图所示:
技术图片

整个富文本编辑器是通过iframe嵌入到网页中的,手动尝试输入内容,发现内容是输入到iframe页面的body中的,

这种富文本框怎么输入呢?
我们也可以直接在body的源码上点击右键选择Edit HTML,输入相应的html代码,达到向富文本框输入的目的,如下下图:
技术图片

以下是使用Selenium的操作方法

只输入纯文本

如果只输入不带格式的纯文本,可以先切换到这个iframe,然后定位到body,send_keys相应的文本即可,代码如下:

from selenium import webdriver
dr = webdriver.Chrome()

dr.get('http://www.vemmis.com/bjq/index.html')

dr.switch_to.frame('ueditor_0')
dr.find_element('tag name', 'body').send_keys('hello')

运行完,显示如下:
技术图片

通过JS注入HTML代码

如果想输入带html格式的文本可以通过js注入,代码如下:

from selenium import webdriver
dr = webdriver.Chrome()

dr.get('http://www.vemmis.com/bjq/index.html')

js = "document.querySelector('#ueditor_0').contentDocument.querySelector('body').innerHTML='<h1>Hello</h1>'"
dr.execute_script(js)
  • js脚本中document代表整个文档对象
  • querySelector()中使用css selector语法定位到这个iframe框架
  • 使用contentDocument获取到iframe的文档对象
  • 使用querySelector定位到body节点,修改其内部的html代码

运行完效果如下
技术图片

以上是关于当网页点击tab键切换输入的文本框时,整个网页会出现上移的情况?如何解决....急急.......的主要内容,如果未能解决你的问题,请参考以下文章

js网页点击“按钮”实现“键盘按下Tab键”功能函数?

html代码如何设置一个文本框和按钮,使点击按钮后跳转至新"固定值+输入文本“的网页

按下输入文本框时Android键盘不显示

elementplus的tab怎么加鼠标划过事件

如何调用本地js文件为网页文本框输入内容

Javascript中,当鼠标点击选中某个文本输入框时,该文本框可以响应啥事件