jQuery datepicker 使用 Safari 在 iPhone 上显示输入

【问题标题】：jQuery datepicker shows input on iPhone with SafarijQuery datepicker 使用 Safari 在 iPhone 上显示输入
【发布时间】：2015-01-28 18:57:20
【问题描述】：

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

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

任何关于如何防止输入焦点在移动设备上的建议将不胜感激。

【问题讨论】：

【解决方案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
}

这两个有帮助吗？

【讨论】：