버튼을 클릭하면
active클래스가 추가되어 모달창이 보이고
배경을 클릭하면 active클래스가 삭제되어 보이지 않습니다.
소스는 아래와 같구오.
Copy
<section id="modal">
<div class="modal-contents"></div>
</section>
Copy
<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>
그런데 배경말고 모달창(흰백부분)을 클릭해도 창이 닫힙니다.
모달창을 클릭해도 안 닫히게 하려면 어떻게 해야 하나요?
|
답변 1개
3년 전
Copy
//modal.addEventListener('click', function(){
// modal.classList.remove('active');
//});답변을 작성하려면 로그인이 필요합니다.