阻止jquery datepicker控件在移动设备上被点击时弹出输入键盘
2013-09-29 20:18
726 查看
问题:
jQuery UI DatePicker控件在移动设备上使用时有个问题,因为DatePicker是使用input框来实现的,
在用户触击时,控件获取到焦点时,移动设备的键盘会自动被带出来,
移动设备屏幕本来就很小,用户本来只是需要选择日期,而不是要真正输入什么字符,所以这种情况需要阻止键盘被带出来。
解决方法:
很简单,把input field属性readonly设置为true即可,代表不需要任何键盘(typing)输入,但仍然可以处理点击(click)事件:
参考链接:
http://stackoverflow.com/questions/7610758/prevent-iphone-default-keyboard-when-focusing-an-input
by iefreer
jQuery UI DatePicker控件在移动设备上使用时有个问题,因为DatePicker是使用input框来实现的,
在用户触击时,控件获取到焦点时,移动设备的键盘会自动被带出来,
移动设备屏幕本来就很小,用户本来只是需要选择日期,而不是要真正输入什么字符,所以这种情况需要阻止键盘被带出来。
解决方法:
很简单,把input field属性readonly设置为true即可,代表不需要任何键盘(typing)输入,但仍然可以处理点击(click)事件:
$(".dp").prop("readOnly", true).datepicker();
参考链接:
http://stackoverflow.com/questions/7610758/prevent-iphone-default-keyboard-when-focusing-an-input
by iefreer
相关文章推荐
- 安卓点击Edittext弹出对话框实现操作(DatePicker,实现日期的输入)隐藏键盘
- JQUERY DATEPICKER日历控件支持多种颜色弹出日历选择日期
- iOS Date Picker控件的简单使用(点击一个input框,弹出)
- jquery datepicker 点击日期控件不会自动更新input的值
- DatePicker 控件在5.0以上版本 焦点释放问题 手动输入点击确定按钮不能正确获取到日期优化
- android DatePicker 点击文本框,禁止弹出键盘
- jquery 插件 thickbox窗口 第一个控件获得焦点(解决第二次弹出窗口,文本不能输入数据)
- jquery UI datepicker 弹出位置样式自定义代码样例
- 点击EditText 弹出日期选择器DatePickerDialog
- jquery 日期控件datepicker属性详细解析
- 点击GridView中TextBox弹出输入对话层,输入内容反传回先前点击的TextBox中(Jquery获取GridView中TextBox的ID)
- jquery UI datepicker时间控件的使用
- jquery 插件 thickbox窗口 第一个控件获得焦点(解决第二次弹出窗口,文本不能输入数据)
- jquery UI Datepicker时间控件的使用及问题解决
- QML笔记整理——QtQuick用户交互:鼠标移动、点击、拖拽和键盘输入
- 1怎样让输入的text文本填写的部分只添加数字、2怎样将输入的数字一次性全部删除 3怎样选择密码 让它不显示 4 怎样实现在没有return的情况下点击button的情况下就能够使键盘页面下落5 怎样实现点击指定的button来对使指定的text进行键盘弹出 6怎样改变button按钮的状态
- TextView键盘输入 弹出指定高度 点击return收回虚拟键盘
- jquery-ui datepicker 日期控件 日期区间选择
- 前段框架,如jQuery的某些控件datepicker,我想自己进行重新初始化,怎么办?
- 类似于QQ聊天界面的EditView输入控件点击获取焦点弹出软件盘,点击屏幕使EditView失去焦点隐藏软件盘。