H5开发app解决输入文本时,软键盘遮盖掉页面

版权声明:本文为博主原创文章,未经博主允许不得转载 https://blog.csdn.net/sqlquan/article/details/82384779

首先我们要清楚输入时候触发软键盘的时候我们触发了什么事件,是调整浏览器窗口的大小时的resize事件

我们知道了触发了什么事件就好办了,我们做一个监听这个事件的方法就好

以下是范例代码,使用了jq的resize监听

		$(window).resize(function() {
		 if($('.input-block').hasClass('resize')){
		  $('.input-block').removeClass('resize')
		 }else{
		  $('.input-block').addClass('resize')
		 }

以下范例代码,是使用了js原生对resize的监听写法

		window.addEventListener('resize', function() {

		});

猜你喜欢

转载自blog.csdn.net/sqlquan/article/details/82384779