[Javascript] Bootstrap Modal 위 Modal
Bootstrap에서, 모달 위에 모달을 띄울 경우, tabindex 속성을 -1 로 주면 Escape 키로 닫히게 됩니다. 웹 표준을 지키려면(?) 내지는 깔끔한 웹 페이지를 위해선, 모달 위에 모달을 띄워선 안 되겠지만, 부득이한 이유로, 또는 내 페이지를 누군가 호출할 때 등등 모달 위에 모달을 띄울 경우가 있게 됩니다. Escape키 문제는 제껴두더라도, 이런 때에 우선적으로 jQuery의 포커스 주기가 무한루프로 맛이 가게 됩니다. 화면상에서 맛이 가진 않지만, 콘솔로 보면 알 수 있으며, 특히, tabindex가 -1로 설정되어 있을 경우에는 Escape 키를 누르게 되면, 먼저 띄운 모달 창이 먼저 닫히는 불상사가 일어나게 됩니다. (우리가 모달을 쓰는 주 목적이 그 부모 윈도우가 포커스를 ..
2016. 5. 4. 16:52