聚焦 <input> 时防止 iphone 默认键盘

问题描述

这就是我正在尝试的方式

this is how i'm trying

<script type="text/javascript">
     $(document).ready(function(){
        $('#dateIn,#dateOut').click(function(e){
            e.preventDefault();
        }); 
     });
</script>

但输入仍然启动"iphone 的键盘

but the input stills 'launching' iphone's keyboard

ps:我想这样做是因为我正在使用 datepicker 插件来获取日期

ps: i want to do this because i'm using datepicker plugin for date

推荐答案

通过将属性 readonly(或 readonly="readonly")添加到输入字段中，您应该防止任何人在其中输入任何内容，但仍然可以在其上启动点击事件.

By adding the attribute readonly (or readonly="readonly") to the input field you should prevent anyone typing anything in it, but still be able to launch a click event on it.

当您使用日期/时间选择器时，这在非移动设备中也很有用

This is also usefull in non-mobile devices as you use a date/time picker