안녕하세요.
이벤트리스너 안에서 사용하는 이벤트 함수 중 e.preventDefault(), e.stopPropagation() 함수에 대해 궁금증이 있어 여쭤봅니다.
우선 단순 코드만 보기애는 이해가 어려울 거 같아 이해를 돕기위해, https://codepen.io/sso123/pen/WNJXgjj 를 참고해주시면 감사하겠습니다.
JS 파일에서
검은색 배경만 클릭 했을 때, 누르면 모달창이 닫게 하는 코드를 짠 뒤
e.preventDefault() 함수를 활용하고 싶어, 이벤트리스너 함수 뒤에 e.preventDefault() 함수를 넣어 e.preventDefault() 함수 뒤 이벤트가 실행되지 않도록
하게 해주려 했는 데요.
e.preventDefault() 함수 넣는 자리가 이상한 건지 e.preventDefault() 함수 작동하지 않고 있는 걸 확인했습니다.
검정색 배경만 클릭 했을 때, 모달창이 닫히는 걸 막게 하기 위한 이벤트를 e.preventDefault() 함수를 사용하여 실행시키고 싶은 데 어떻게 하면 좋을까요?
구글링을 통해 여러모로 찾아봤지만, 이벤트리스너 뒤에 e.preventDefault() 함수를 대부분 작성하였더라구요. 제가 잘못 이해한걸까요?
참고로, e.stopPropagation() 함수 또한 이벤트 리스너 뒤에 넣은 결과 실행이 되지 않았습니다. 어떻게 해결하면 좋을까요?
