按住触摸时如何防止在 ionic 6 和 capacitor 4 web view 应用程序中隐藏键盘?

问题描述 投票:0回答:0

我使用 Ionic 6、Vue 3 和 Capacitor 4 为 Android 开发了一个 Web 视图应用程序。我有一个按钮可以处理录音的“保持”事件,类似于 WhatsApp 和 Telegram 中的录音功能。 注意:对于发送按钮和其他消息撰写方法,我已经实现了逻辑来防止当用户点击发送按钮或“更多”按钮发送图像时隐藏键盘。而且效果很好

但是,Android 上的录音按钮有问题。当我用手指触摸录制按钮或应用程序内屏幕的任何位置时,如果键盘在后台打开,则键盘会隐藏。当用户按住按钮时,我无法阻止键盘隐藏。我怎样才能解决这个问题? 即使有禁用自动显示/隐藏本机键盘的方法,我也可以手动处理打开/隐藏键盘,我认为在应用程序中手动打开/隐藏键盘我可以处理我的问题

注意:我用这种方式测试:

设置变量以保存键盘状态(显示/隐藏),它仅适用于在输入外部单击/点击并处理并且我对单击/点击/输入 focusout 没有问题。

我设置超时和 event.preventDefault() 暂停方法但不工作

我添加 -user-select :none;在我的 CSS 中,用于防止在我的 Android Web 视图应用程序上显示上下文菜单暂停事件

我认为我的问题出在本机 android 事件中,我的 Web 视图仅通过浏览器点击就加载到空应用程序上(这是 Web 视图工作的方法),因为我的应用程序任何地方的保持事件总是触发,即使我阻止它Javascript 中的所有方法和方法,举行事件火!

我想我应该找到一种方法来禁用我的 Web 视图加载的 Android 应用程序中的本机保持事件。

我没有任何错误,只是我想在触摸并按住屏幕时避免隐藏键盘。

谢谢

android ionic-framework android-softkeyboard capacitor ionic6
© www.soinside.com 2019 - 2024. All rights reserved.