1. 程式人生 > >H5開發app解決輸入文字時,軟鍵盤遮蓋掉頁面

H5開發app解決輸入文字時,軟鍵盤遮蓋掉頁面

首先我們要清楚輸入時候觸發軟鍵盤的時候我們觸發了什麼事件,是調整瀏覽器視窗的大小時的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() {

		});