모달창인데 모달창을 눌러도 안 닫히게 하려면...

모달창인데 모달창을 눌러도 안 닫히게 하려면...

QA

모달창인데 모달창을 눌러도 안 닫히게 하려면...

답변 1

본문

버튼을 클릭하면 

active클래스가 추가되어 모달창이 보이고

배경을 클릭하면 active클래스가 삭제되어 보이지 않습니다.

소스는 아래와 같구오.

 


<section id="modal">
    <div class="modal-contents"></div>
</section>

 


<script>
var modalBtn = document.querySelector('button');
var modal = document.querySelector('section#modal');
var modalContents = document.querySelector('.modal-contents');
modalBtn.addEventListener('click', function(){
    modal.classList.add('active');
});
modal.addEventListener('click', function(){
    modal.classList.remove('active');
});
</script>

 

그런데 배경말고 모달창(흰백부분)을 클릭해도 창이 닫힙니다.

모달창을 클릭해도 안 닫히게 하려면 어떻게 해야 하나요?

 

1029902659_1674146102.8464.png

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 28
© SIRSOFT
현재 페이지 제일 처음으로