反应PWA捕获键盘关闭事件

时间:2019-11-14 11:43:00

标签: javascript ios reactjs webview progressive-web-apps

我目前正在使用React Progressive Web App。开发React Web App之后,我做了一些ios开发,并在ios webview中渲染了我的应用程序。 我正在ios模拟器中运行我的应用,而我面临的问题是捕获键盘关闭事件。我专注于输入,键盘弹出应用推动了我的整个视野​​,但是当它关​​闭时,滚动位置没有重置。是否有解决此问题的方法?

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

1 个答案:

答案 0 :(得分:1)

键盘由操作系统(ios)处理,这意味着没有Js事件,但是有一些解决方法可以让您知道键盘被关闭时的情况。 这些是一些建议:

  • 在输入中使用Focus EventsonFocusonBlur
  • 收听App根组件中的调整大小事件 window.addEventListener('resize', updateSize);