0

我正在使用以下设置：

jQuery - 1.7.1
简单模式 - 1.4.2

我的问题是，出于可访问性的原因，我想在模式窗口打开时将注意力集中在它上，并允许用户按 Tab 键转到关闭按钮，然后单击 Enter 关闭窗口。

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

我已经按照这里建议的步骤， 在 simplemodal dialog 中的链接标签顺序，这使我能够通过将输入变量扩展到：

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

但这就是我被卡住的地方，我无法设法将其更改为也包含 div/table/content，并且一旦关闭链接有焦点击中 enter-key 就没有效果。

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

4

1 回答 1

0

You can bind an event handler to the keypress event on .modalCloseImg. You may want to bind this a little closer on a static element other than document, but without seeing the HTML its the best I can do.

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

BTW: Did you know the escape key closes the window?

于 2013-07-02T11:06:18.870 回答