免責事項：この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
問題の条件は、回復するために、入力した後、入力にソフトキーボードをクリックして、マイクロチャネルのパブリック番号H5ページ内の一部のモデルのIOSシステムということですが、全体的にページが移動して表示され、それが自動的にページの先頭に戻る春はありません。
アイデアは、入力にトリガイベントを解決することを目的とするページの先頭に戻るフォーカス、マニュアルを失います。
入力
入力ボックス。
イベントプロパティ説明
| プロパティ名 | タイプ | デフォルト値 | 説明 | プラットフォームの違いの説明 |
|---|---|---|---|---|
| @入力 | EventHandle | ときにキーボード入力、入力イベントをトリガする、event.detail = {値} | 違いは以下のヒントを参照してください | |
| @フォーカス | EventHandle | トリガ入力ボックス、event.detail = {値、高さを}着目すると、高さがキーボードの高さ | 小さなマイクロチャネルプログラム、5 +アプリケーション（HBuilderX 2.2.3）、QQアプレットのサポートの高さのみ | |
| @blur | EventHandle | トリガ入力ボックスがフォーカスを失ったとき、event.detail = {値：値} | ||
| @confirm | EventHandle | あなたが完了ボタントリガーをクリックすると、event.detail = {値：値} |
ヒント
inputイベントハンドラは、直接入力ボックスの内容を置き換えるために、文字列を返すことができます。唯一の小さなマイクロチャネル支援プログラム。inputイベントハンドラでは、現在値のリアルタイムの変更は、有効になりませんような設定を、遅らせることができますsetTimeout(() => { this.value = 100 }, 0)。inputデフォルトのコンポーネントがありますmin-height場合はスタイルは、min-height値がより大きいheightことの価値heightスタイルが無効です。
uni.pageScrollTo（OBJECT）は
、ターゲットの場所にページをスクロールします。
OBJECTパラメータ説明
| パラメーター名 | タイプ | 必須の | 説明 |
|---|---|---|---|
| scrollTopスプライト | 数 | それはあります | （PXで）先のページにスクロール |
| 期間 | 数 | ノー | ミリ秒でアニメーションの再生時間、デフォルトの300ミリ秒を、スクロール |
特定のコード：
<form @submit="clickdl" @reset="formReset">
<view class="login-form-input">
<input
name="username"
type="text"
@blur="toTop"
placeholder-class="f-gray"
placeholder="请输入您的账号">
</view>
<view class="login-form-input">
<input
name="password"
type="password"
@blur="toTop"
placeholder-class="f-gray"
placeholder="请输入您的密码">
</view>
<button
formType="submit"
class="login-form-btn"
>确定</button>
</form>
toTop() {
uni.pageScrollTo({
scrollTop: 0,
duration: 0
})
}