jQuery datepicker用Safari在iPhone上显示输入

Question

我使用了readOnly，它在桌面上没有问题（Chrome和Safari都可以正常工作）。

但是在移动版Safari上，如果用户点击了日期选择器，它会在输入中显示光标闪烁。

非常感谢任何有关如何防止输入重点关注移动设备的建议。

Answer 1

您可能需要尝试以下操作之一。

CSS阻止选择：

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

或者如果您使用的是jQuery，可以尝试阻止点击：

$(".my_input_box").on("click", function(e) {
    e.preventDefault();
    // Launch your datepicker manually here
}

这两个中的任何一个都有帮助吗？