原理:点击input输入完成后点击手机其他区域,手机键盘并没有隐藏,原因是当点击其他区域时input并没有失去焦点,解决的办法就是当点击屏幕其他区域时,使input失去焦点就可以了
代码:
//手机键盘隐藏(简单粗暴版)
$('body').on('touchend', function(el) {
if(el.target.tagName != 'INPUT') {
$('input').blur()
}
})
原理:点击input输入完成后点击手机其他区域,手机键盘并没有隐藏,原因是当点击其他区域时input并没有失去焦点,解决的办法就是当点击屏幕其他区域时,使input失去焦点就可以了
代码:
//手机键盘隐藏(简单粗暴版)
$('body').on('touchend', function(el) {
if(el.target.tagName != 'INPUT') {
$('input').blur()
}
})