ios移動端focusが無効です

日付:2019年12月17日
ios移動端focusが無効です
もんだいぶんせき
focus()はjQueryの1つの方法で、この方法を呼び出すとfocusイベントをトリガーして要素に焦点を当てることができますが、PC側のブラウザでのみ有効で、モバイル側では失効したり、効果が悪くなったりします.
問題解決

HTML 5の新しいプロパティautofocusを使用すると、要素を自動的にフォーカス

にすることができます.

は、要素に他のユーザ対話イベントを追加することによってfocusをトリガし、例えばtouchStartイベントの下でfocus

をトリガする.
inputはreadonlyを設定した後、クリックしてもソフトキーボードがポップアップします
もんだいぶんせき
これは、ラベルにreadonlyプロパティを設定した後、このフォーム要素は編集できないことを示しますが、マウスをクリックすると、このフォーム要素にはカーソルが存在します.つまり、フォーカスできるので、キーボードが飛び出します.unselectable=「on」を追加できます.οnfοcus=「this.blur()」でカーソルの表示をキャンセルし、入力ボックスがフォーカスを取得できないとキーボードがポップアップしません
問題解決