我有一個請求者div
,它覆蓋了我的所有頁面,並且我希望在打開對話框時阻止使用TAB訪問頁面的其他元素。我怎樣才能做到這一點?使用TAB防止頁面元素循環使用TAB
1
A
回答
1
jQuery UI通過綁定到模式對話框的keypress
事件來實現。當按下TAB時,它僅手動處理模態對話框內元素之間的焦點切換。默認行爲被抑制(return false
),因此焦點不會切換到外部元素。
2
您可以將每個元素設置爲disabled
或將它們的tabindex
設置爲零。使用jQuery設置$(selector).prop('disabled',true)
或$(selector).attr('tabindex',0)
。
+0
是不是沒有其他方法沒有這個巨大的循環?因爲頁面中有很多鏈接和其他可聚焦元素。 – haynar
+0
我知道的沒有。也許jQuery UI開發人員做了一些不同的事情;我沒有時間深入他們的代碼。 – Blazemonger
相關問題
- 1. 使用Tab鍵在對話框元素內循環使用Tab鍵不工作在Safari和Chrome
- 2. 使用Tab鍵循環單個記錄
- 3. 使用Facebook組頁面'Like'in canvas Tab
- 4. 默認情況下使用Ctrl + Tab阻止選項卡循環使用QTabWidget
- 5. 如何防止Tab鍵關注DIV元素導致它上移?
- 6. 在窗體元素上僅使用Tab鍵時滾動頁面Chrome
- 7. 使用Tab鍵as3
- 8. 防止在使用TAB鍵時觸發jQuery模糊
- 9. Bootstrap>使用Tab鍵時防止滾動到哈希
- 10. 使用Tab鍵防止控件接收焦點
- 11. 如何在使用TAB完成時防止git退出?
- 12. 在ajax調用循環中使用jQuery更新頁面元素
- 13. 元素'tab鍵按訂單
- 14. TAB打破元素位置
- 15. Next-Previous按鈕使用Bootstrap Tab循環工作
- 16. 防止滾動,而鍵盤的Tab鍵
- 17. 阻止在WebBrowser控件上用Tab鍵切換元素
- 18. 如何使md-tab-body使用粘性md-tab-label滾動
- 19. 如果我使用Tab#
- 20. 問題使用tab-host android?
- 21. GWT - RichTextArea:使用TAB鍵
- 22. Tab不透明使用jQuery
- 23. WS_EX_TOOLWINDOW在使用Alt-Tab
- 24. (DOORS/DXL)在使用Tab鍵
- 25. 使用jQuery覆蓋元素內TAB鍵的默認操作?
- 26. HTML:相同頁面錨定和使用Tab鍵
- 27. 當遍歷頁面使用for-each循環時硒元素陳舊元素
- 28. 使用Tab鍵使用FragmentPagerAdapter的FragmentActivity
- 29. Android Tab Tab Swipe
- 30. 如何在ObservableList中循環<Tab>
謝謝:)它幫了我很多 – haynar
不客氣。很高興我能幫上忙。 –