HTML表单输入必填且为只读-也适用于移动设备

Question

我在CodeIgniter中有一个日历日期选择器。 该字段是成功处理脚本所必需的，我想出于安全原因阻止此输入的键盘输入，并在智能手机上的数据输入中隐藏键盘。

现在，我使用必填字段，并向其中添加了只读类：

<script>
    $(".readonly").keydown(function(e){
        e.preventDefault();
    });
</script>

它可以在PC上运行，但不能在移动设备上运行（例如android）。

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;

您也可以尝试阻止默认点击：

$(".readonly").on("click", function(e) {
    e.preventDefault();
}

Answer 2

好，我知道了。 我用：

onfocus="blur();"

和必需的。

它可以在PC和Mobile上运行。