Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/100.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React PWA捕获键盘关闭事件_Javascript_Ios_Reactjs_Webview_Progressive Web Apps - Fatal编程技术网

Javascript React PWA捕获键盘关闭事件

Javascript React PWA捕获键盘关闭事件,javascript,ios,reactjs,webview,progressive-web-apps,Javascript,Ios,Reactjs,Webview,Progressive Web Apps,我目前使用的是react Progressive Web应用程序。react Web应用程序开发后,我进行了一些ios开发,并在ioswebview中呈现我的应用程序。 我正在ios模拟器中运行我的应用程序,我面临的问题是捕获键盘关闭事件。我聚焦一个输入,键盘弹出应用程序,它会推上我的整个视图,但当它关闭时,滚动位置不会重置。是否有任何方法解决此问题 如何捕获键盘的discouse事件并调用JS函数来重置父视图的滚动位置 键盘是由操作系统(ios)处理的,这意味着没有Js事件,但是有一些解决方法

我目前使用的是react Progressive Web应用程序。react Web应用程序开发后,我进行了一些
ios
开发,并在
ios
webview
中呈现我的应用程序。 我正在
ios
模拟器中运行我的应用程序,我面临的问题是捕获键盘关闭事件。我聚焦一个输入,键盘弹出应用程序,它会推上我的整个视图,但当它关闭时,滚动位置不会重置。是否有任何方法解决此问题

  • 如何捕获键盘的discouse事件并调用JS函数来重置父视图的滚动位置

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

    • 在输入上使用:
      onFocus
      onBlur
    • 应用程序
      根组件中侦听调整大小事件
      window.addEventListener('resize',updateSize)

    如果您能给我们一些代码就更好了。我没有任何特定的代码快照。我只是使用材料ui输入。我唯一关心的是在数字键盘上单击“完成”按钮时触发事件,因为它不会触发任何事件。如果需要更多帮助,您可以发布代码,如果我的回答对您有帮助,请将问题标记为已解决。