2013-07-02 55 views
0

我的工作與以下設置:jQuery的simplemodal tabing關閉

jQuery的 - 1.7.1
simplemodal - 1.4.2

而我的問題是,對無障礙設施的原因,我想在打開模式窗口時將焦點放在模式窗口上,並允許用戶點擊製表鍵進入關閉按鈕,然後單擊確定關閉窗口。

我在頁面上使用simplemodal只是顯示不適合原始網格的全尺寸表格。因此我沒有輸入字段或類似的東西,我唯一能夠關注的是div作爲簡單窗口的容器,simplemodal-wrap,是的,我們正在使用HTML 5.

我已經按照步驟這裏建議, tab order for links in a simplemodal dialog,這讓我能夠把焦點緊密鏈接,通過擴展輸入變量:

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

但是,這是我堅持,我不能設法改變這還含有div/table /內容,並且一旦關閉鏈接有焦點擊中enter鍵則不起作用。

任何建議,指針,解決方案?

回答

0

您可以將事件處理程序綁定到.modalCloseImg上的按鍵事件。您可能希望將此接口綁定到除document以外的其他靜態元素上,但沒有看到HTML是我能做的最好的。

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

順便說一句:你知道換碼鍵關閉窗口嗎?

+0

這是做這部分的一種方法,是的,我知道逃生正在關閉窗口,但瑞典的國家可訪問性組織有這些要求。 雖然這隻解決了我的一半問題,但謝謝! – staffang

+0

呵呵,在我看來,HTML並不是真正的關鍵,它更多的是關於簡單腳本自己控制Tab鍵的功能,在那裏我迷了路... – staffang