求助:在 iOS 设备上浏览器中使用语音输入时遇到的不一致的输入事件

2023-04-05 22:06:16 +08:00
 JackalZhao

我写了一个脚本,绑定一个 http 服务,用另一个设备的浏览器打开后,在里面输入文本,可以捕获输入文本、按键,同步到 server 端。主要用途是:在电脑上运行这个服务,在手机浏览器上打开这个页面,在手机端进行语音输入,将键入事件同步到电脑端。

相关代码在:github: web_remote_input

使用图片:

在安卓上时,在输入框里使用语音输入,这个输入框会收到 insertFromComposition 类型的 input 事件。

但在 iOS 设备上,用原生输入法的语音输入功能,出了意外,会收到一系列的 insertText 事件,但没有收到任何 deleteContentBackward 事件。然而,输入框中的文本的表现是之前输入的文本被更新了。

当我用语音输入说 「快速地飞过。」 时,这是事件记录:

before_input_event: {'inputType': 'insertText', 'data': '快', 'targetValue': ''}
input_event: {'inputType': 'insertText', 'data': '快', 'targetValue': '快'}

before_input_event: {'inputType': 'insertText', 'data': '快速', 'targetValue': '快'}
input_event: {'inputType': 'insertText', 'data': '快速', 'targetValue': '快速'}

before_input_event: {'inputType': 'insertText', 'data': '快速。', 'targetValue': '快速'}
input_event: {'inputType': 'insertText', 'data': '快速。', 'targetValue': '快速。'}

before_input_event: {'inputType': 'insertText', 'data': '快速的。', 'targetValue': '快速。'}
input_event: {'inputType': 'insertText', 'data': '快速的。', 'targetValue': '快速的。'}

before_input_event: {'inputType': 'insertText', 'data': '快速地飞过。', 'targetValue': '快速的。'}
input_event: {'inputType': 'insertText', 'data': '快速地飞过。', 'targetValue': '快速地飞过。'}

before_input_event: {'inputType': 'insertText', 'data': '快速地飞过。', 'targetValue': '快速地飞过。'}
input_event: {'inputType': 'insertText', 'data': '快速地飞过。', 'targetValue': '快速地飞过。'}

根据这些事件,如果同步到电脑端,则输出会是 "快快速快速。快速的。快速地飞过。快速地飞过。"。然而,实际手机端输入框中的文本是 「快速地飞过。」。

我的猜想是,可能有我没有捕获到的其他事件,允许语音输入直接覆盖之前输入的文本。有没有办法捕获原始更新操作,或者了解为什么输入事件与输入框中的实际文本不一致?

727 次点击
所在节点    问与答
1 条回复
dengshen
2023-04-06 00:32:03 +08:00
给事件加个防抖?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/930078

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX