在 jquery 对话框中使用箭头键

Question

如果您有一个 jQuery 对话框窗口，例如 this，并且假设您有一个垂直滚动条（例如，容器具有特定高度的许多文本）。

在 IE 中，您可以使用向上和向下箭头以及向上和向下页面 但是在 chrome / firefox 中，您不能只滚动外部页面。

有没有办法让行为相同？

Answer 1

这更多是模式对话框的可用性或可访问性问题。最好的方法是捕获模式对话框的焦点，即 Tab 键不应将焦点移出对话框。并在 ui-dialog-content 上设置 tabindex=0 ，这样 div 必须专注于制表符，然后您可以使用向上和向下箭头键导航模态对话框的内容。