用js监听键盘高度

let initialViewportHeight = window.innerHeight;

window.addEventListener('resize', () => {
  let currentViewportHeight = window.innerHeight;
  if (currentViewportHeight < initialViewportHeight) {
    console.log('键盘弹出');
    // 这里可以执行一些操作，比如调整布局
  } else {
    console.log('键盘收起');
    // 这里可以执行一些操作，比如恢复布局
  }
  initialViewportHeight = currentViewportHeight;
});

function debounce(func, wait) {
  let timeout;
  return function() {
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(this, arguments), wait);
  };
}

let initialViewportHeight = window.innerHeight;

const handleResize = debounce(() => {
  let currentViewportHeight = window.innerHeight;
  if (currentViewportHeight < initialViewportHeight) {
    console.log('键盘弹出');
  } else {
    console.log('键盘收起');
  }
  initialViewportHeight = currentViewportHeight;
}, 100);

window.addEventListener('resize', handleResize);