jquery - 使用触发事件打开 iOS 原生 datePicker

Question

我有一个要在 iOS 设备中运行的 Web 应用程序，我试图通过单击特定标签来调用 native datePicker。

我知道如果我有 <input type='date'>它将通过触摸打开 native 日期选择器。

我的策略是将这个带有“opacity: 0”的输入放在标签下，并将标签的点击事件绑定(bind)到输入的触发事件，如下所示:

$('#pickerLabel').bind('click',function () {
    $('#pickerInput').trigger('click');
});
$('#pickerInput').click(function () {
    alert("open Picker");
});

我观察到，此方法仅触发绑定(bind)到单击事件的函数(它会提醒“打开选取器”)，但不会打开 native iOS datePicker，就像我单击了输入本身一样。

你能帮帮我吗？

PS:我的项目中也包含了 jquery 移动框架，我尝试在输入中使用点击事件，并得到了完全相同的结果。

Answer 1

您是否尝试过启动 WebKit 触摸事件？

var touchEvent = document.createEvent('TouchEvent');
touchEvent.initTouchEvent(type, canBubble, cancelable, view, detail, screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, touches, targetTouches, changedTouches, scale, rotation);

https://developer.apple.com/documentation/webkitjs/touchevent

(未经测试的)示例可能如下所示:

$('#pickerLabel').bind('click', function(){
    var touchEvent = document.createEvent('TouchEvent');
    touchEvent.initTouchEvent('touchstart', true, true, document.getElementById('pickerInput'), null, 0, 0, 0, 0, false, false, false, false, [], [], [], 1.0, 0.0);
});