javascript - 通过拖动调用 HTML5 输入

Question

我正在使用 HTML5 输入来选择日期。

如果用户单击特定图像，我只想打开该输入，但我不能强制移动浏览器打开他们的日期选择器。

这是元素：

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

简单的问题：如何用 javascript 打开？

Answer 1

HTML5 日期选择器在用户关注表单元素时打开。如果您单击/触摸图像，这与获得焦点不同。

但是您可以通过在图像单击上触发焦点事件来模拟这种行为：

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