javascript - ドラッグして HTML5 入力を呼び出す

Question

HTML5 入力を使用して日付を選択しています。

ユーザーが特定の画像をクリックした場合にその入力を開きたいだけですが、モバイルブラウザーに日付ピッカーを開くよう強制することはできません。

要素は次のとおりです。

<input type="date" class="dateInput" name="day" id="day">

簡単な質問: javascript で開くにはどうすればよいですか?

Answer 1

ユーザーがフォーム要素にフォーカスすると、HTML5 日付ピッカーが開きます。画像をクリック/タッチしても、フォーカスを得ることにはなりません。

しかし、画像クリックで focus-event を起動することで、おそらくこの動作をエミュレートできます:

jQuery( '#date-input-image-1' ).click( function() {
    jQuery( '#date-input-1' ).focus();
} )