我写了一个脚本,绑定一个 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': '快速地飞过。'}
根据这些事件,如果同步到电脑端,则输出会是 "快快速快速。快速的。快速地飞过。快速地飞过。"。然而,实际手机端输入框中的文本是 「快速地飞过。」。
我的猜想是,可能有我没有捕获到的其他事件,允许语音输入直接覆盖之前输入的文本。有没有办法捕获原始更新操作,或者了解为什么输入事件与输入框中的实际文本不一致?
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.