영역 밖 클릭 시 작동 mouseup(), mouseout()
페이지 정보
작성일 22-02-23 22:42본문
<div class="modal">
<div class="modal_body">
Modal
</div>
</div>
<script>
function modal_on(){
const modal = document.querySelector('.modal');
var height = $(document).height()+"px";
modal.style.display = 'block';
modal.style.height = height;
}
function modal_off(){
const modal = document.querySelector('.modal');
var height = "0px";
modal.style.display = 'none';
modal.style.height = height;
}
$(document).mouseup(function (e) {
var container = $('.modal_body');
if (!container.is(e.target) && container.has(e.target).length === 0){
modal_off();
}
});
</script>