javascript(jquery) resize/scroll 이벤트 함수 한번만 실행하기
javascript(jquery)에서 resize/scroll 이벤트를 걸면 resize/scroll 되는 동안 이벤트가 반복적으로 계속 호출된다. 이벤트 내부의 내용이 복잡할 수록 브라우저에게 과부하를 주게 되므로 resize가 끝났을때 한번만 실행되도록 해줄 필요가 있다. 1. 먼저 아래와 같이 한번만 실행될 내용을 함수로 작성한다. function resizeDone(){ // 함수 내용 작성 }2. resize/scroll 이벤트를 걸어준다. $(window).on('resize', function(){ // resize 후 한번만 실행 clearTimeout( timer ); timer = setTimeout( resizeDone, delta ); });resize/scroll 이..
2016. 11. 24. 15:22