웹개발/jQuery

특정 영역을 제외한 부분의 클릭 이벤트 주기

Kang_hobin 2023. 1. 26. 16:19
<html>
<body>
	<div class="area">
		<div class="in"/>
	</div>
</body>
</html>

<script>
    $('.area').click(function(e) {   
        if(!$(e.target).hasClass("in")) {
            alert('in을 제외한 부분이 클릭 되었습니다.');
        }
    });    
</script>

위와 같이 area 영역안에 in 영역이 있을 시 in 영역은 클릭 이벤트에서 제외하고 싶을 경우가 있다.

이때는 $(e.target).hasClass()로 해당하는 Class가 아닐 시 이벤트가 실행되도록 제어할 수 있다.

'웹개발 > jQuery' 카테고리의 다른 글

form 데이터를 VO List로 받기  (1) 2023.02.01
Object에서 key value값 추출하기  (0) 2023.01.26
jQuery Select Box 제어  (0) 2022.10.25