aaa 5

Programming Learning Diary

영역 밖 클릭 시 작동 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>

댓글목록

등록된 댓글이 없습니다.