モバイル Web ページには比較的大きなテキストエリアが定義されており、約 15 行の単語を表示できます。テキストエリアをクリックすると入力メソッドがポップアップ表示され、テキストエリアの下部にある数行の単語が表示されます。入力した単語の数が 10 行を超えると、その後に入力されたすべての文字が入力メソッドによってブロックされ、タッチ タイピングになってしまい、非常に悪いエクスペリエンスでした。
js を使用してこの問題を解決する方法はありますか?
私は比較的愚かな方法を書きましたが、Samsung の携帯電話と Android 5.0 だけがこの方法を認識しないことがわかりました。 。
リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
1. textarea が focus イベントを受け取ると、テキスト ボックスを画面の一番上まで自動的にスクロールします
2. 設計された入力ボックスは画面の半分を超えてはいけません。超える必要がある場合は、テキストエリアに変更イベントがあり、入力された単語の数を計算し、それに応じて入力ボックスを上にスクロールします
これでとてもフレンドリーになるはずです
固定位置を使用、下部