Ionic-js-keyboard

Ionic-Javascriptキーボード

キーボードは、Ionicの自動化された機能の1つです。 これは、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 Keyboard Button

入力フィールドをタップすると、キーボードが自動的に開き、ボタンが非表示になります。

Ionic Keyboard

Ionicの優れた機能は、画面上の要素を調整するため、キーボードが開いているときにフォーカスされた要素が常に表示されることです。 次の図は10個の入力フォームを示しており、最後のフォームは青です。

Ionic Keyboard False

青いフォームをタップすると、Ionicが画面を調整するため、青いフォームが常に表示されます。

Ionic Keyboard True

注意-これは、画面が Scroll View を持つディレクティブ内にある場合にのみ機能します。 Ionicテンプレートの1つから始めると、すべてのテンプレートが ion-content ディレクティブを他の画面要素のコンテナとして使用するため、スクロールビューが常に適用されることに気付くでしょう。