javascript - React PWA 捕获键盘关闭事件

Question

我目前正在使用 React Progressive Web App。在开发 React Web App 之后，我做了一些ios开发并将我的应用程序渲染为ios webview. 我在ios模拟器中运行我的应用程序，我面临的问题是捕获键盘关闭事件。我关注一个输入，键盘弹出应用程序推高了我的整个视图，但是当它关​​闭时，滚动位置不会重置。如果有解决这个问题的方法？

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

标签： javascriptiosreactjswebviewprogressive-web-apps

Answer 1

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

• 使用焦点事件：onFocus和onBlur你的输入
• App监听根组件 中的 resize 事件window.addEventListener('resize', updateSize);