javascript - 文本框在滚动模式中失去焦点

Question

我使用 AngularJS 和 UI Bootstrap 在模式对话框中显示表单。但是，当单击滚动条时，任何输入都会失去焦点。

如果滚动条与 div 或窗口关联，则会发生这种情况。

如果文本输入不在模式内，则它在滚动期间保持焦点。

可以在 http://plnkr.co/edit/uaXiT1NedWjUm2DOKyrD?p=preview 找到示例

输入没有什么特别的，就这么简单

<input type="text" id="textinput" name="textinput"/>

有没有办法在用户滚动时保持焦点？

谢谢

克里斯

Answer 1

滚动时它不会失去焦点，但单击滚动条时它会失去焦点。例如，如果您有鼠标滚轮，则可以滚动模式内容而不会失去焦点。

基本上，单击滚动条与单击模态框上不在输入字段中的任何其他位置相同。

确实有些滚动条不会这样做(至少在 Chrome 中)。我不知道有什么区别。我已经确认，至少在任何设置为“overflow-y: auto”或“scroll”的情况下都会发生这种情况。它与 AngularJS 无关。

单击“联系我们”按钮，然后在纯 Bootstrap 中查看它发生的情况:http://www.bootply.com/8R8QWNO6Qv

我不认为会有一个简单的解决方案来防止这种情况发生，而不涉及跟踪焦点所在的位置等；这在多输入表单上会非常复杂。