ios input输入框失去焦点软键盘不隐藏

ios input输入框失去焦点软键盘不隐藏在android上input失去焦点软键盘自动隐藏，ios上input 点击空白处软键盘不隐藏。解决方法1、原生js写法window.onload=function(){document.querySelector('body').addEventListener('touchend', function(e) {//这里是你input的classNam

weixin_43884863

982人浏览 · 2020-12-25 16:22:24

weixin_43884863 · 2020-12-25 16:22:24 发布

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();
		 }
   }