アップルトキーボードは、下部の入力ボックスの解像度をブロックします

****

下部には、単一行の入力ボックスがあります。

**
ライン入力ボックスであるため、小さなプログラムコンポーネントに付属のカーソル間隔(カーソルからキーボードまでの距離)を使用して、入力ボックスとキーボードの間の距離を設定できます。ここに写真の説明を挿入

****

下部には、複数行の入力ボックスtextareaがあります

**
質問解決のアイデア:入力ボックスの高さがキーボードの高さほど高くないため、入力ボックスはキーボードによってブロックされます。入力ボックスと底面の間の距離をキーボードの高さに設定できます。

  1. 入力ボックスにフォーカスがあると判断されたら、スタイルを記述し、入力ボックスと下部の間のパディング/高さを増やします。
  2. bindfocusイベントは、キーボードの高さ、e.detail.heightを取得できます。
    注:PC側のエディターにはキーボードがないため、電話でプレビューするときにデバッグできます。このパラメーターを確認できます。
  3. フォーカスが失われた場合、最初のステップで設定した距離を0に戻します。ここに写真の説明を挿入

イタリックスタイルの遺産:focus = '{ {focus}}'とfocus = 'focus'の違いは何ですか

おすすめ

転載: blog.csdn.net/jiaodeqiangs/article/details/102605532