목록esc (1)

개발하는 고양이 오이

5. [PHP] Modal창에서 ESC 시 Modal창 닫기

안녕하세요. 저는 PHP로 웹페이지를 만들다가 Modal창을 자주 이용했습니다. Modal창은 다른화면을 클릭하면 저절로 닫히는데, ESC키는 먹히지 않는데 싫었습니다. 그래서 ESC키도 먹으면 좋을거같다고 생각하여 검색해보았고, 좋은방법을 찾아 공유해드리고자 합니다. 제가 현재 PHP에서 사용중인 Modal 창입니다. (예시) 금일 내역 닫기 모달 화면 자체에 tabindex 속성을 주게되었는데요, 이는 해당 속성을 가진 태그에 focus를 할 수 있게되고, focus가 가는 순간부터 키보드 입력이 가능해지게 하는 속성입니다. tabindex="0" 그 후에, 모달창을 눌렀을 때 'ESC'를 누르면 모달창이 꺼지도록 하는 코드를 추가해주었습니다. // ESC 키 누르면 모달창이 꺼지도록 $modal =..
PHP 2022. 4. 25. 08:37
이전 Prev 1 Next 다음