博客讨论了在iPhone上使用日期插件时遇到的问题，即点击插件后出现的'完成'按钮导致无法直接选择日期。作者发现这是由于iOS系统键盘的只读属性在iPhone上不兼容造成的。为了解决这个问题，提出了两种解决方案：一是通过JavaScript添加事件监听，当input元素聚焦时触发失焦；二是使用jQuery在聚焦时触发失焦事件。
用了日期插件：
iphone手机测试的时候，点击日期插件，iphone底部会出现这个，如图：
需要先点击取消‘完成’才能继续选择日期，所以，
1这个‘完成’是ios系统自带的嚒？？？和日期插件有关系嘛？
2如何取消这个‘完成’框？
回答
这个弹出的完成，原来是iphone的弹出键盘，怪我没有iphone手机。
那么原因就是：
ios中的只读readonly属性不起作用，这个只读属性在安卓上可以阻止输入，所以键盘不会出现，但是在iphone中不兼容，就在iphone中加一个事件，为input添加聚焦事件，聚焦时触发document或自身失焦，或者是在input上添加聚焦时失焦事件，几种方法：
1.$(‘input’).focus(function () {
document.activeElement.blur();
})
2.$(‘input’).on(‘focus‘, function() {
$(this).trigger(‘blur‘);
});
2.
扫一扫
1934
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
