React PWA 捕获键盘关闭事件

Question

我目前正在开发一个react Progressive Web App。在react web app开发之后，我做了一些ios开发并在ioswebview中渲染我的应用程序。 我在ios 模拟器中运行我的应用程序，我面临的问题是捕获键盘关闭事件。我关注一个输入，键盘弹出应用程序推高了我的整个视图，但是当它关​​闭时，滚动位置没有重置。如果有什么办法可以解决这个问题？

1. 如何捕获键盘的关闭事件并调用可以重置父视图滚动位置的JS函数？

Answer 1

键盘由 OS (ios) 处理，这意味着没有 Js 事件，但是有一些解决方法可以让您知道何时关闭键盘。 这些是一些建议：

• 在您的输入中使用 Focus Events : onFocus 和 onBlur
• 监听App根组件中的resize事件 window.addEventListener('resize', updateSize);