您的位置:首页 > Web前端 > JQuery

阻止jquery datepicker控件在移动设备上被点击时弹出输入键盘

2013-09-29 20:18 726 查看
问题:
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐