0

私は次の設定で作業しています：

jQuery - 1.7.1
シンプルモーダル - 1.4.2

そして私の問題は、アクセシビリティの理由から、開いたときにモーダルウィンドウにフォーカスを置き、ユーザーがタブキーを押して閉じるボタンに移動し、Enterをクリックしてウィンドウを閉じることができるようにしたいことです。

ページで simplemodal を使用しているのは、元のグリッドに収まらないフルサイズのテーブルを表示することです。したがって、入力フィールドなどはありません。焦点を当てることができるのは、単純なモーダル ウィンドウのコンテナーとして機能する div だけですsimplemodal-wrap。はい、HTML 5 を使用しています。

ここで提案されている手順に従い ました。単純なモーダル ダイアログのリンクのタブ オーダーです。

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

しかし、これは私が立ち往生している場所です。これを変更してdiv/table/contentも含めることができず、リンクを閉じることにフォーカスがあると、Enterキーを押しても効果がありません。

提案、指針、解決策はありますか？

4

1 に答える 1

0

イベント ハンドラーを の keypress イベントにバインドできます.modalCloseImg。これを 以外の静的要素にもう少し近づけてバインドすることもdocumentできますが、HTML を表示せずに、私ができる最善の方法です。

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

ところで: エスケープ キーがウィンドウを閉じることをご存知ですか?

于 2013-07-02T11:06:18.870 に答える