퍼블리셔2 [jquery] 특정 영역 밖 영역 클릭시 이벤트 안녕하세요 영니입니다😎 레이어팝업을 구현하다보면 가끔 팝업 외에 부분을 클릭했을때 레이어팝업이 닫히도록 구현 요청이 들어오는데! 그때 제가 사용하는 코드입니다. 클릭한 html 내의 target이 특정 class를 가지고 있는지 hasClass로 여부를 체크해 ✔ 그 상황에만 이벤트가 일어나도록 하는 코드입니다. 하다보면 hasClass로는 구현하지 못하는 팝업도 있는데 그때 또 제가 다르게 사용하는 코드는 아래와 같습니다. 특정 부모의 자식이 맞는지 체크하여 이벤트를 실행 하는 겁니다! $('html').click(function(e){ if($(e.target).parents('.className').length < 1){ console.log('팝업 외 부분이 맞습니다') //실행 이벤트 부분 } .. 2020. 10. 29. [jquery] 스크롤이 브라우저 끝에 도달했을때 이벤트주기 안녕하세요. 영니입니다 😀 스크롤 이벤트를 할때, offset top값을 가져와 처리하기 애매한 경우, 스크롤이 맨 끝으로(하단으로) 도착한경우 이벤트를 발생시켜야 하는 상황이 있죠. 그럴때 쓰는 간단한 jquery소스입니다. 일단 먼저 스크롤 동작을 감지하는 코드부터 알아야 겠죠! $(window).scroll(function(){ alert('스크롤 동작 감지') } 그 다음으로는 스크롤 값을 가져옵니다. .scrollTop() 으로요/ .scrollTop()은 스크롤 위치에 따라 변하는 값이고 맨 윗부분에서 0값으로 시작해서 맨끝으로 스크롤시에 스크롤길이 최댓값을 가집니다. $(window).scroll(function(){ var scrT = $(window).scrollTop(); console.. 2020. 9. 24. 이전 1 다음