HTML 모달 팝업은 백그라운드에서 필드를 양식으로 탭하여 포커스를 잃을 수 있습니다.

Question

html/js로 작성된 오버레이로 모달 팝업이 나타납니다. 모든 것이 잘 작동하지만 사용자가 충분히 탭하면 기본 양식 필드/버튼으로 이동할 수 있습니다. 이것을 막는 좋은 방법이 있습니까?

Answer 1

이것은 대략적인 아이디어이지만 정확한 방법을 알려주지 않고 아이디어를 얻고 싶습니다. 나는 의사와 의사 JQuery와 코드의 조합을 사용합니다 :

function showMymodaldExample() { 
    //Show modal dialog (mymodal) code goes here 
    // 
    //Then we bind an event 
    $(document).bind('mymodal.keydown', function(e) { 
     if (currently focussed element is not a child of mymodal) { 
      set the focus previous element 
     } 
    }); 
} 

을 그리고 당신은/대화

를 숨기 파괴 할 때 mymodal.keydown 바인딩을 해제하는 것을 잊지