[Jquery] scroll, focus, blur

scroll

스크롤 위치 값을 반환한다.

      $(document).ready(function(){
          $(window).on("scroll",function(){
              var sc_top=$(this).scrollTop();
              var sc_left=$(this).scrollLeft();
              $("#top").text(sc_top);
              $("#left").text(sc_left);
          })
      })

 

focus

선택(focus) 되어 있는 상태에 기능을 추가할 수 있다.

      $(document).ready(function(){
          $("#user_id,#user_pw").on("focus",function(){
              $(this).css("backgroundColor","pink")
          })
      })

blur

focus가 해제 된 뒤(선택이 되지 않은) 상태에 기능을 추가한다.

      $(document).ready(function(){
          $("#user_id,#user_pw").on("blur",function(){
              $(this).css("backgroundColor","red")
          })
      })