關於如何在移動端收起鍵盤

2022-01-17 05:03:18 字數 745 閱讀 3007

遇到問題,再點選提交問卷時,手機的鍵盤沒有收起來,該專案前端是用vue.js,手勢是用vue-tap.js

這樣的效果貌似使用者體驗不好。

這時候我就在網上搜,js控制手機鍵盤。。。。

後來問了一下群的朋友。

換了一下邏輯,首先鍵盤為何會彈出,因為點選了輸入框,該輸入框獲得的焦點,於是鍵盤就彈出了。

所以方法很簡單,只要讓該輸入框失去焦點就行了。或者焦點轉移到別的地方。

dom.blur();//// js 失去焦點  

$().blur();/////jq失去焦點  

dom.focus();///js 獲得焦點(焦點轉移)

$().focus();/////jq 獲得焦點(焦點轉移)

其實在正常的情況下是不需要這樣做的,在點選提交的時候,焦點會轉到按鈕上面。

但是用了vue-tap.js這個手勢它阻止了預設事件。所以才會有以上的情況。

移動端 如何在移動端調出純數字鍵盤

最近在做手機頁面時,遇到數字輸入的鍵盤的問題,之前的做法只是一刀切的使用 type tel 不過一直覺得九宮格的 號碼鍵盤上的英文本母太礙事了。於是想要嘗試其它的實現方案,最終的結論卻令人沮喪。不過也趁機詳細了解了下pattern這個屬性。type tel 和 type number 的區別 這裡還...

js 移動端之監聽軟鍵盤彈出收起

js 移動端關於頁面布局,如果底部有position fixed的盒子,又有input,當軟鍵盤彈出收起都會影響頁面布局。這時候android可以監聽resize事件,如下,而ios沒有相關事件。解決安卓鍵盤彈出問題 var oheight document height window resize...

h5 移動端 監聽軟鍵盤彈起 收起

回車確認 btn on keypress function e document keyup function e 1.在ios中軟鍵盤彈起時,僅會引起 body scrolltop值改變,但是我們可以通過輸入框的獲取焦點情況來做判斷,但也只能在ios中採用這個方案,因為在android中存在主動收...