避免模​​糊HTML选择值更改

如何解决避免模​​糊HTML选择值更改

在我的网络应用程序（用ionic1 / angularJS编写）中，我有一个HTML select，它在正常情况下可以正常工作，但是在{{1}上进行任何更改后，当我将该应用程序与语音助手一起使用时}焦点自动移到另一个元素中。我进行了调查，没有调用任何select和focus方法。有谁知道为什么应用程序将焦点移到不同的html元素中？有什么办法可以避免吗？

预先感谢您的帮助。

解决方法

在没有脚本请求的情况下，焦点跳到页面顶部通常是因为可聚焦元素已经以某种方式丢失了。

对于事件，语音识别有时会比键盘更挑剔。我会检查以确保您使用的是change事件，而不是input事件-change仅在用户提交值后才触发，而不是在用户戳时触发在它，例如通过浏览选项列表。

可以使选择输入失去焦点的另一件事是，如果进行选择更新页面上的内容并且焦点试图移至更新区域。例如，如果您有一个选择来更新第二个输入，那么从选择中单击“ Tab”应将焦点发送到第二个输入。但是，如果第二个输入在DOM中尚不存在或正在更新中，则焦点将无处可寻，并返回到页面顶部。如果是这个问题，那么在所有更新完成后明确要求将焦点移至新输入即可解决此问题。

PS：请尝试为语音助手添加标签，以防该问题找到合适的人。