jQuery simplemodal tabing to close

Question

我正在使用以下设置：

jQuery - 1.7.1

simplemodal - 1.4.2

我的问题是，出于可访问性的原因，当模式窗口打开时，我希望将焦点放在模式窗口上，并允许用户按tab键转到close按钮，然后在那里单击enter关闭窗口。

我在页面上使用simplemodal的目的只是为了以全尺寸显示表格，这不适合原始网格。因此，我没有输入域之类的东西，我唯一能关注的就是div作为简单模式窗口simplemodal-wrap的容器，是的，我们使用的是HTML5。

我遵循了这里建议的步骤，tab order for links in a simplemodal dialog，它使我能够将焦点放在关闭链接上，将输入变量扩展为：

$('#simplemodal-container :input:visible:enabled, #simplemodal-container a:visible')

但这就是我遇到的问题，我无法设法将其更改为也包含div/table/content，并且一旦关闭链接具有焦点，按Enter键就没有任何效果。

有什么建议，建议，解决方案吗？

Answer 1

您可以将事件处理程序绑定到.modalCloseImg上的按键事件。您可能希望将其绑定到document以外的静态元素上，但我只能做到这一点。

$(document).on("keypress", ".modalCloseImg", function(e){
   e.keyCode == 13 ? $.modal.close():"";
});

顺便说一句:你知道退出键会关闭窗户吗？