[jquery] html 특정영역(div) 이외 클릭시 이벤트

html에서 특정 영역 이외에 클릭시에 이벤트입니다.

아래는 부모중 class = "test" 이 아닌것과 자신의 class ="test" 가 아닌것이다.

$('html').click(function(e) {   
	if($(e.target).parents('.test').length < 1 && !$(e.target).hasClass('test')){   
		console.log('영역 이외');
	}
});

부모중만 체크하려면 아래와 같이

$('html').click(function(e) {   
	if($(e.target).parents('.test').length < 1){   
		console.log('영역 이외');
	}
});

자신의 것만 아닌 경우는 아래와 같이 

$('html').click(function(e) {   
	if(!$(e.target).hasClass('test')){   
		console.log('영역 이외');
	}
});