인프런 커뮤니티 질문&답변
작성한 질문수
esc로 모달 끄기
작성
·
255
1
모달에서 esc를 눌렀을 때 showModal을 false로 변경해서 모달을 끄려고 하는데요.
v-on:keyup.esc="showModal=false" 이 부분이 어느 태그에 들어가야하나요?
답변 1
2
캡틴판교
지식공유자
안녕하세요 jij5247님, 좋은 질문이네요! 모달을 ESC로 끄기 위해서는 해당 모달이 focusable 해야 합니다. HTML 태그 중 focus가 가능한 태그들이 몇 개 있는데 MDN에서 한번 살펴보시면 좋을 것 같구요. 현재 작성된 마크업을 해당 태그로 바꿔주시거나 아니면 tabindex 속성을 이용해서 focus가 가능하게 바꿔주시면 될 것 같습니다 :)