关于登录弹层不能成功输入用户名密码的问题
最近在群里发现有人反馈,登录弹层不能成功输入用户名密码的情况,大致看了一下,稍微总结下:
本人遇到的登录不能成功输入用户名密码的情况有两种,一种是定位错误,一种是不能focus 元素,这两者看起来相似,但实际有点区别,下面将详细介绍下:
先说不能focus元素的:举个例子:
像这种点击登录,出来登录弹层的,很容易出现报错,不能focus element ,一下为对应的代码:
定位登录注册输入框都是根据id来的,执行的时候为什么还会提示这个错误呢:
不能focus元素
我们曾经遇到过登录注册的时候,如果光标不在输入框中,则输入的内容为空,这个错误就是这个意思,因为光标没有在输入框中,所以不能定位该元素,导致不能正确输入用户名密码
那么怎么解决一下呢,很简单,在输入内容的时候click一下元素就可以啦:
对应的代码:
当然,不要问我为什么密码不用单独click一下,这个我也不太清楚,只是如果碰到这种无法输入的情况,可以试一下先click它;
接下来说,真正的定位问题,这里涉及到多个层,导致定位不够准确,所以不能正确输入内容,举个例子:
像这个登录弹框,使用f12解析他的元素内容的时候,细心的人会发现,其实是有两条类似标签来定位的。就像login的那里,一个是lable,一个是input,这个时候一定要选择input哦,只有input标签的内容才能被输入,同理,密码哪里也是,不要定位到输入框中的内容,而要定位整个输入框。以此警示
附登录界面的代码如下:最准确的定位还是根据id来的,id是唯一滴
总结一下,如果输入内容有问题,先看看元素是否定位准确,再试试click一下