阻止jquery datepicker控件在移动设备上被点击时弹出输入键盘
来源:互联网 发布:手机淘宝掌柜热卖截图 编辑:程序博客网 时间:2024/04/28 04:05
问题:
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
- 阻止jquery datepicker控件在移动设备上被点击时弹出输入键盘
- android DatePicker 点击文本框,禁止弹出键盘
- 安卓点击Edittext弹出对话框实现操作(DatePicker,实现日期的输入)隐藏键盘
- ios UItextFiewld 点击文本框编辑 实现弹出键盘时,输入框向上移动
- Cordova iOS 应用在第三方输入法的键盘弹出(点击输入框)时,页面不上移,导致输入框被键盘遮挡 的解决办法
- 仿朋友圈评论弹出键盘,同时在键盘上弹出输入框
- Flash在移动设备上控制虚拟键盘
- 移动端点击输入框 input被弹出键盘挡住
- H5移动端弹出键盘时遮挡输入框
- phonegap阻止键盘弹出导致的页面移动
- 点击输入框弹出输入键盘,点击输入框外侧隐藏输入键盘
- iOS键盘弹出完美移动控件
- Bootbox+JQuery UI Datepicker 时间输入框点击无响应
- 在移动web开发中,手机横屏时,输入框输入时被系统键盘遮挡!
- IOS 点击输入框,弹出日期控件
- DatePicker 控件在5.0以上版本 焦点释放问题 手动输入点击确定按钮不能正确获取到日期优化
- DatePicker日期输入控件
- jquery datepicker输入时的validation
- 2014阿里巴巴面试题哈尔滨
- 大规模分布式存储系统
- VIM 配置和學習
- 解析数据库和操作系统中锁的几个问题
- POJ1102-模拟
- 阻止jquery datepicker控件在移动设备上被点击时弹出输入键盘
- poj 1094 (拓扑排序,注意三种情况出现的优先级)
- 如何现实servlet的单线程模式
- MFC定制应用程序外观
- Java中的instanceof关键字
- 编程语言的发展趋势及未来方向
- 最近公共祖先问题(LCA)
- hdu 1527 取石子游戏
- Java内存区域与内存溢出异常