HTML表单输入需要和readonly - 也适用于移动设备

时间:2016-02-04 16:43:42

标签: javascript android jquery html forms

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

现在我使用了必填字段,并且我只为其添加了类:

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

它可以在PC上运行,但不适用于移动设备 - 比如android。

2 个答案:

答案 0 :(得分:0)

使用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();
}

答案 1 :(得分:0)

好的我明白了。我用:

onfocus="blur();"

并且必需。

适用于PC和移动设备。