记录H5页面IOS中input输入框失去焦点后,键盘隐藏
2018-01-16 16:25
941 查看
//问题描述:安卓下无此问题,在ios自带的浏览器中,H5页面在input输入获取焦点后键盘弹出,随便触碰一个地方要使键盘隐藏
//解决方案:如下
jQuery("body").on("touchend",
function() { //body上面绑定touchend事件
jQuery(".input_box").each(function (i,
v) { //自定义一个.input_box classname ,多个时绑定多个,遍历
if(jQuery(this).is(":focus")
=== true){ //如果当前input框获取到了焦点
jQuery(this).blur();
// 使其失去即可
}
});
})
比较传统的解决办法,遇到相同问题的童鞋可以试试。
//解决方案:如下
jQuery("body").on("touchend",
function() { //body上面绑定touchend事件
jQuery(".input_box").each(function (i,
v) { //自定义一个.input_box classname ,多个时绑定多个,遍历
if(jQuery(this).is(":focus")
=== true){ //如果当前input框获取到了焦点
jQuery(this).blur();
// 使其失去即可
}
});
})
比较传统的解决办法,遇到相同问题的童鞋可以试试。
相关文章推荐
- H5 ios input获取焦点挂起软键盘 输入框被遮盖 页面被顶起
- h5键盘遮挡输入框问题 、模仿微信输入框失去焦点时隐藏iphone的软键盘和聚焦时出现输入框
- h5键盘遮挡输入框问题 、模仿微信输入框失去焦点时隐藏iphone的软键盘和聚焦时出现输入框
- ionic开发---ios上点击输入框,失去焦点的时候,页面白屏
- iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案
- H5页面input输入框含有键盘自带的表情符时显示异常
- iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案—scrollIntoView()
- Js控制iphone端的input/textarea元素失去焦点时隐藏键盘
- Js控制iphone端的input/textarea元素失去焦点时隐藏键盘
- H5页面input输入框,在ios手机中被顶出页面解决方案
- input 输入框获得/失去焦点时隐藏/显示文字
- Js控制iphone端的input/textarea元素失去焦点时隐藏键盘
- H5页面ios键盘遮挡input问题
- Js控制iphone端的input/textarea元素失去焦点时隐藏键盘
- input 输入框获得/失去焦点时隐藏/显示文字
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- 记录:MUI框架中如何在多个input输入框失去焦点时获取当前input的value值
- iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案
- iOS开发记录——点击输入框上移屏幕,点击空白处隐藏键盘
- iOS下Html页面中input获取焦点弹出键盘时挡问题