jQuery simplemodal tabbing关闭

Question

我正在使用以下设置：

jQuery - 1.7.1
simplemodal - 1.4.2

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

我在页面上使用simplemodal只是为了显示不适合原始网格的全尺寸表格。因此，我没有输入字段等，我唯一可以关注的是div作为simplemodal窗口的容器simplemodal-wrap，是的，我们正在使用HTML 5。

我已按照此处建议的步骤操作， tab order for links in a simplemodal dialog，这使我能够通过将输入变量扩展到：

来关注close链接

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

但是这就是我被困住的地方，我无法将其更改为包含div / table / content，并且一旦close-link有焦点，按Enter键也没有效果。

任何建议，指示，解决方案？

Answer 1

您可以将事件处理程序绑定到.modalCloseImg上的keypress事件。你可能希望将它更接近document之外的静态元素，但是没有看到它是我能做的最好的。

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

顺便说一句：你知道转义键会关闭窗口吗？