h5手机键盘收起事件

//这里区分不同系统,可以参考之前的文档记录 https://www.cnblogs.com/wind-wang/p/10737110.html
const ua = typeof window === ‘object’ ? window.navigator.userAgent : ‘’;
let _isIOS = -1;
let _isAndroid = -1;

		function isIOS() {
		  if (_isIOS === -1) {
		    _isIOS = /iPhone|iPod|iPad/i.test(ua) ? 1 : 0;
		  }
		  return _isIOS === 1;
		}
		
		function isAndroid() {
		  if (_isAndroid === -1) {
		    _isAndroid = /Android/i.test(ua) ? 1 : 0;
		  }
		  return _isAndroid === 1;
		}
		if (isAndroid()) {
		  const innerHeight = window.innerHeight;
		  window.addEventListener('resize', () => {
		    const newInnerHeight = window.innerHeight;
		    if (innerHeight > newInnerHeight) {
		      // 键盘弹出事件处理
		      // alert("android 键盘弹窗事件");
		      $("#footimg").css('display','none')
		    } else {
		      // 键盘收起事件处理
			  setTimeout(() => {
			            window.scrollTo(0, 0);
			          }, 100);
		      alert("android 键盘收起事件处理")
			  $("#footimg").css('display','block');
		    }
		  });
		} else if (isIOS()) {
		  window.addEventListener('focusin', () => {// 键盘弹出事件处理
			$("#footimg").css('display','none')
		  });
		  window.addEventListener('focusout', () => { // 键盘收起事件处理
			$("#footimg").css('display','block');
			window.scroll(0, 0)
		  });
		}
		
		//如果需要移除监听事件可以使用removeEventListener,但如果监听事件中使用的函数是匿名函数,可能移除事件没有任何效果,可以将监听事件执行的函数,提取出来,使用函数名来指定例如:    
		// window.addEventListener('focusout', focusoutFunc);    function focusoutFunc (){       /*.....*/    }       
		// window.removeEventListener('focusout', focusoutFunc);  //移除事件
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值