同事在測試產品時發現這樣一個:“某些頁面擊完input框,在點空白處時,iOS設備的鍵盤不能隱藏並且焦點也不會失去” 帶着這個問題我進行了測試,發現在安卓的設備上並沒有這種問題出現。 於是寫js進行測試給document添加一個click事件,發現了問題的原因: 安卓是可以觸發click事件 ...
IOS下document添加一個click事件不觸發,不會失去焦點,導致點擊input框外的其它地方不會自動消失鍵盤,還有就是雙擊其它空白地方會導致整個頁面上移 既然click不能觸發,可以用移動端的touch事件進行: ontouchstartontouchmoveontouchendontouchcancel 判斷當前點擊的元素是不是在輸入框上,不是就調用blur 方法主動失去焦點即可。 ...
2017-11-23 19:44 0 1764 推薦指數:
同事在測試產品時發現這樣一個:“某些頁面擊完input框,在點空白處時,iOS設備的鍵盤不能隱藏並且焦點也不會失去” 帶着這個問題我進行了測試,發現在安卓的設備上並沒有這種問題出現。 於是寫js進行測試給document添加一個click事件,發現了問題的原因: 安卓是可以觸發click事件 ...
textarea為什么沒有失去焦點? 同樣的問題我又在Android系統上測試了一下可以自動隱藏,只有IPH ...
原文http://www.it165.net/pro/html/201404/12672.html IPHONE系統在點擊document時textarea和input沒有失去焦點 ...
Fragment里寫在Activity中,好象這個最管用: 重寫方法: @Override public boolean onTouchEvent(Mot ...
是因為移動端-webkit-user-select:none 導致input/texttarea輸入框無法輸入, 增加-webkit-user-select: auto; ...
flex布局,上下欄設置固定高度,中間主體部分用flex-grow屬性代替 ps: 在使用input的時 ...
一、平台 手機移動端 二、實現的效果 當input輸入框獲得焦點時,在保留光標的情況下,又不讓手機虛擬鍵盤彈起 剛開始在網上找了一番,網上的回答大都自以為是,根本沒有弄清訴求,他們提供的三種解決方法,把input框用div代替、給input框設readonly屬性、input獲得焦點時使其 ...