모달창인데 모달창을 눌러도 안 닫히게 하려면...
본문
버튼을 클릭하면
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>
그런데 배경말고 모달창(흰백부분)을 클릭해도 창이 닫힙니다.
모달창을 클릭해도 안 닫히게 하려면 어떻게 해야 하나요?
답변을 작성하시기 전에 로그인 해주세요.