移動端H5將手機」回車鍵」改成」搜索」

移動端H5的流行其實也直接或間接的拉動了其他行業的增長,甚至是新行業的出現。比如咱們市場上近年熱門的APP開發,說起APP開發對於普通百姓來說可能不是很懂,最多隻是知道價格高低不一樣,而對於行業內的人來說,價格因素直接導致了APP開發的兩端:H5混合開發和原生開發。

因為我不是專業做前端的,所以關於前端的內容分享偏少一些。那麼今天主要分享下H5混合開發時如何將手機輸入法的回車鍵改成搜索鍵。

移動端H5將手機”回車鍵”改成”搜索”

生活中除了腦殘的設計外,基本上每一項設計都是有原因的,就拿改鍵盤名稱來說主要就是為了解決移動端頁面寬度受限的情況下,提示用戶點擊這個按鍵可以直接開始搜索。而不是像電腦端的頁面那樣可以專門設計一個“搜索”的按鈕放在頁面上,這樣設計的另一個好處就是用戶在輸入關鍵詞完畢之後不用關掉輸入法去點擊頁面中的搜索,而可以直接通過點擊鍵盤上的按鈕進行搜索,使用起來也更加的方便。

HTML部分:

移動端H5將手機”回車鍵”改成”搜索”

在上述代碼部分一定要切記外層的

標籤是必須的,action可以提交表單,但是一般用ajax處理時都留空即可,onsubmit是阻止表單提交的事件。

JS部分:

移動端H5將手機”回車鍵”改成”搜索”

先上述方法經測試在IOS、和大多數安卓機上都是沒有問題的,目前出現問題的機器主要集中在國產手機廠商自主集成的個別手機上,比如VIVO等。


分享到:


相關文章: