移動端 input 擷取焦點後彈出帶enter(類似於搜尋，確定，前往)鍵盤，以及隱藏系統鍵盤

標籤：綁定   選擇   部分   手機   重新整理   clear   log   turn   href   

一：調出系統帶斷行符號鍵的鍵盤

　　在項目中經常有輸入框，當輸入完成後點擊確定執行相應的動作。但是有些設計沒有確定或者搜尋按鈕，這就需要調用系統鍵盤，點擊系統鍵盤的確定後執行相應動作。

但是單純的input是無法實現的，要想調出帶斷行符號的鍵盤必須把input放在form表單裡面才可以，並且得加上action(一定要加)，下面是個簡單的例子。

<form action class="search" onsubmit="return false;">　　<i class="fa fa-lg fa-search"></i>　　<input type="text" class="search-input" placeholder="搜尋">　　<i class="fa fa-lg fa-times-circle clear-search"></i></form>

這裡為了避免form提交帶來的頁面重新整理加了個onsubmit="return false;"。

 

二：取消後隱藏系統鍵盤

　　在PC上想取消游標，可以直接點擊頁面的其他任何部分，但是在手機上點擊其他無綁定事件的部分是沒法取消游標的。這裡提供三個方法來

隱藏鍵盤，在項目上選擇其中最簡單的一個就可以。

　　1. 最簡單的的一個，直接 <a href="javascript:" class="search-close">取消</a>，點一下就可以了。

　　2. 用js或者jq直接讓輸入框失去焦點就可以，這裡需要綁定主動失焦事件了。

　　3. 設定個非a標籤的標籤，隨便綁定個點擊事件就可以，哪怕方法裡面什麼都不寫。

移動端 input 擷取焦點後彈出帶enter(類似於搜尋，確定，前往)鍵盤，以及隱藏系統鍵盤