Ionic - JavaScript 鍵盤

鍵盤是 Ionic 中的自動化功能之一。這意味著 Ionic 可以識別何時需要開啟鍵盤。

使用鍵盤

在使用 Ionic 鍵盤時，開發者可以調整一些功能。當您希望在鍵盤開啟時隱藏某些元素時，可以使用hide-on-keyboard-open類。為了向您展示其工作原理，我們建立了一個在鍵盤開啟時需要隱藏的輸入框和按鈕。

<label class = "item item-input">
   <input type = "text" placeholder = "Input 1">
</label>

<button class = "button button-block hide-on-keyboard-open">
   button
</button>

以上程式碼將生成以下螢幕：

現在，當我們點選輸入欄位時，鍵盤將自動開啟，並且按鈕將隱藏。

Ionic 的一個不錯的功能是它會調整螢幕上的元素，以便在鍵盤開啟時始終可見聚焦的元素。下面的圖片顯示了十個輸入表單，最後一個是藍色的。

當我們點選藍色表單時，Ionic 將調整我們的螢幕，以便藍色表單始終可見。

注意 - 這僅在螢幕位於具有滾動檢視的指令內時才有效。如果您從其中一個 Ionic 模板開始，您會注意到所有模板都使用ion-content指令作為其他螢幕元素的容器，因此始終應用滾動檢視。