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

세진컴퓨터랜드 2년 전 조회 1,309

답변 1

버튼을 클릭하면

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

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

소스는 아래와 같구오.

</p>

<p><section id="modal">

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

</section></p>

<p>

</p>

<p><script>

var modalBtn = document.querySelector('button');

var modal = document.querySelector('section#modal');

var modalContents = document.querySelector('.modal-contents');</p>

<p>modalBtn.addEventListener('click', function(){

    modal.classList.add('active');

});

modal.addEventListener('click', function(){

    modal.classList.remove('active');

});

</script></p>

<p>

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

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

#모달창

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

정렬:

플래토

2년 전

</p>

<pre>
<code>//modal.addEventListener('click', function(){
//    modal.classList.remove('active');
//});</code></pre>

<p><code>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

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

답변 1개

공유하기