關於登入彈層不能成功輸入使用者名稱密碼的問題

標籤：

最近在群裡發現有人反饋，登入彈層不能成功輸入使用者名稱密碼的情況，大致看了一下，稍微總結下：

本人遇到的登入不能成功輸入使用者名稱密碼的情況有兩種，一種是定位錯誤，一種是不能focus 元素，這兩者看起來相似，但實際有點區別，下面將詳細介紹下：

先說不能focus元素的：舉個例子：

像這種點擊登入，出來登入彈層的，很容易出現報錯，不能focus　element ，一下為對應的代碼：

定位登入註冊輸入框都是根據id來的，執行的時候為什麼還會提示這個錯誤呢：

不能focus元素

我們曾經遇到過登入註冊的時候，如果游標不在輸入框中，則輸入的內容為空白，這個錯誤就是這個意思，因為游標沒有在輸入框中，所以不能定位該元素，導致不能正確輸入使用者名稱密碼

那麼怎麼解決一下呢，很簡單，在輸入內容的時候click一下元素就可以啦：

對應的代碼：

當然，不要問我為什麼密碼不用單獨click一下，這個我也不太清楚，只是如果碰到這種無法輸入的情況，可以試一下先click它；

接下來說，真正的定位問題，這裡涉及到多個層，導致定位不夠準確，所以不能正確輸入內容，舉個例子：

像這個登入彈框，使用f12解析他的元素內容的時候，細心的人會發現，其實是有兩條類似標籤來定位的。就像login的那裡，一個是lable，一個是input，這個時候一定要選擇input哦，只有input標籤的內容才能被輸入，同理，密碼哪裡也是，不要定位到輸入框中的內容，而要定位整個輸入框。以此警示

附登入介面的代碼如下：最準確的定位還是根據id來的，id是唯一滴

總結一下，如果輸入內容有問題，先看看元素是否定位準確，再試試click一下

 

關於登入彈層不能成功輸入使用者名稱密碼的問題