jquery 대화 상자와 함께 표시되는 양식의 모든 입력 요소에 탭 인덱스를 설정하려고합니다. 현재의 동작은 사용자가 탭을 시작할 때 (첫 번째 요소는 첫 번째 줄에 초점을 맞추도록 설정되어 있음) 모든 컨트롤을 탭으로 이동할 수 있다는 것입니다. 대화 상자 뒤에있는 요소로 탭을 계속할 수 있다는 문제가 있습니다.jquery 모달 대화 상자의 Tabindex
열린 대화 상자의 양식 요소를 통해서만 이런 일이 일어나지 않도록 방지 할 수있는 방법이 있습니까?
나는 당신에게 논리를 제공하고 있습니다. 그에 따라 코드를 작성할 수 있습니다.
폼의 마지막 요소에서 키 누르기 이벤트를 처리 할 이벤트 처리기를 추가하십시오.
key가 TAB이 아닌 경우 true를 반환하고 그렇지 않으면 false를 반환해야합니다.
즉, 비 -TAB 키만 해당 필드에서 작동한다는 것을 의미합니다.
Google 아스키 코드 탭을 사용할 수 있습니다. 핵심 이벤트를 처리하기위한 Google 코드입니다.
고맙습니다.
은 얼마나 많은 요소를 가지고 있는지 설정하여 tabindex == numberOfTabs가 원래 색인으로 재설정되도록합니다.
어떤 기능 등이 외부에서이를 수행해야하는 경우 숨겨진 입력 탭 이벤트 액세스를위한 JS에서 다음
과 함께 할 새
에 tabindexCurrent 발을() 업데이트예,이 문제에 대한 해결책이 있습니다. 나는 똑같은 문제에 직면했다.
작동 시키려면 jquery.ui.dialog.js ... 페이지에 포함시켜야합니다. 또한 document.ready에 jQuery 모달 대화 코드를 추가하십시오.
이 링크는 원형 초점과에 대한 설명이 탭을 누르면 핸들러 함수에서는 event.preventDefault()를 호출 한 후 jQuery를 사용하는 경우 Accessible Dialogs Modals
더. – Imdad