jQuery 日期选择器在 iPhone 上使用 Safari 显示输入

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
}

这两个有帮助吗？

jQuery datepicker shows input on iPhone with Safari