input框不能輸入問題

2022-08-04 20:30:16 字數 812 閱讀 9556

今天在寫程式設計登入頁面的時候遇到了乙個問題:輸入框不能輸入!

就是我寫著寫著想測試一下功能,就發現輸入框不能輸入了。???還能出現這種問題??就很疑惑,然後就搜了搜無法輸入的原因。主要有如下情況:

這個就很好理解了,readonly屬性把input框設定成了唯讀,就不可以輸入了

eg:

這種情況比較少見,但是有些時候,為了消除span元素之間的間隔會讓font-size為0,此時input框應該是內容區為0*0個畫素,如果強行設定input寬高,這時就算input框顯示了,因為font-size為零,就啥也輸不進去。

這種情況大致是因為浮動和z-index引起的,它的特點是即使點選input元素也不會出現選中狀態,只要認真排查一下html的結構合不合理,就可以找到問題。

可能會因為瀏覽器的一些適配問題,導致你設定的user-select:none;影響到了input框的正常事件

我們知道使用stoppropagation(); 可以阻止預設的冒泡事件,使用preventdefault();可以消除預設事件,但是在使用中貪圖方便直接用return false;來代替以上兩種方法,阻止預設事件用reutrn false,但是在jquery中,reutrn false;既阻止了冒泡,又消除了預設事件,如果不清楚這一點很有可能在使用on繫結事件時,使用reutrn false;消除冒泡的時候也消除了預設事件,導致input框無法輸入內容。

仔細看了自己的**後發現就是第三種錯誤:input框被其他元素擋住。

#container

後來將z-index刪除後就可以正常執行了

input輸入框復用問題

for username 使用者賬號 else for email 使用者郵箱 切換型別 vue 問題 上面的 在執行過程中會發現,輸入框中輸入了內容之後再切換型別,發現之前輸入的內容還在 原因 vue在進行dom渲染時,虛擬dom出於效能考慮會盡可能的復用已經存在的元素而不是建立新的元素,然後在對...

input 輸入框限制

只能輸入數字和乙個小數點 function clearnonum obj g,只保留第乙個.清除多餘的 obj.value obj.value.replace replace g,replace obj.value obj.value.replace d d 1 2.3 只能輸入6個小數 親測有用!...

input框的輸入聯想引發的問題

之前做的乙個關於送房活動的觸屏端的頁面,一輪測試下來基本沒什麼問題,也就過去了。過了幾天,運營拿著手機跑過來說,在輸入的時候,聯想的結果不對,甚至聯想不到相關的樓盤。於是我們又重新測試,並沒有她的問題,我跟php就拿 著運營的手機,一邊改一邊測,從後台來看,輸入返回的value值也不對,而且這樣的情...