ios input输入框失去焦点软键盘不隐藏
在android上input失去焦点软键盘自动隐藏,ios上input 点击空白处软键盘不隐藏。
解决方法
1、原生js写法
window.onload=function(){
document.querySelector('body').addEventListener('touchend', function(e) {
//这里是你input的className
if (e.target.className != 'location_input') {
let item = document.querySelectorAll('input');
for (let i = 0; i < item.length; i++) {
item[i].blur();
}
}
})
}
2、vue写法
在最外层添加@click事件
<div id='card' @click="handleClick">
xxxxx
</div>
handleClick(e){
if (e.target.className == 'location_input') {
return
}
let item = document.querySelectorAll('input');
for (let i = 0; i < item.length; i++) {
item[i].blur();
}
}