入力IOSフォーカス()、オートフォーカス処理が無効です

フォーカスが無効な理由が表示されます。

UIWebViewデフォルトKeyboardDisplayRequiresUserActionのIOSを使用すると、ネイティブの解決を開始したい場合は、WKWebViewは参照してください、このプロパティをサポートしていませんhttps://stackoverflow.com/questions/32407185/wkwebview-cant-open-keyboard-forライン上の真に、偽のセットです。 - 入力フィールド

ソリューション:

無効な理由からわかるように、キーボード)は、オートフォーカスやelement.focus(につながった、トリガポップアップにユーザーが必要ですので、ポップアップキーボードの場合はフォーカス、またはオートフォーカス意志を持つページへのジャンプに行き、有効ではありません適切に集中することができます

ソリューション:

通常のシナリオでは、我々はページ要素=>ロジックとの対話=> aotufocusページを持っている要素、またはジャンプを集中したいをクリックしてくださいということです。ここで再び前提は行動をクリックして、ページを持つことがされています。

プラン焦点

限り入力に焦点を合わせる能力のコールバックのクリックイベントとして、そのいずれかをこの入力に入力フォーカスを生成するために、もう一度クリックするか、ページのオートフォーカスにジャンプ、キーボードの存在下で、キーボードのトーンからプレースホルダの入力の最初の使用にフォーカスをクリックしてください通話element.focus(の場合)またはページにジャンプしますが、オートフォーカスは、通常のフォーカスすることができています。

.clip{
  position: absolute;
  clip: rect(0 0 0 0);
}

<input ref="tempFocus" class="clip">

<div @click="gotoCommentClick">快来留言吧!</div>

gotoCommentClick() {
  this.afterLogin().then(_ => {
    this.$refs.tempFocus.focus();
    this.$router.push(this.$route.path + '/comment');
  })
},
mounted() {
    this.$refs.editor.focus();
  }

注意は、回復はまだ)(焦点を当てる場合は、キーボードから転送され、オートフォーカス無効。

参考記事IOS焦点の入力()、オートフォーカス効果のない治療法

公開された58元の記事 ウォン称賛20 ビュー110 000 +

おすすめ

転載: blog.csdn.net/fly_wugui/article/details/89638824