javascript - 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
}

这两个有帮助吗？