[jQuery] 제이쿼리로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 2

2014/12/05 - [프로그래밍 언어/jQuery] - jQuery로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 1

위 글을 먼저 읽은 다음에 다음 설명을 참조하세요.

   $("#searchText").addClass("placeholder").val(searchLabel).focus(function() {
        if(this.value == searchLabel) {
             $(this).removeClass("placeholder").val("");
        };
   }).blur(function() {
        if(this.value == "") {
             $(this).addClass("placeholder").val(searchLabel);
        }
   });

focus(), blur() 함수를 이용해서 inputbox에 포커스가 왔을 때와 포커스가 해제됬을 때를 구현합니다.
focus()가 오면 '사이트 검색'이라는 글자를 지우고, blur()가 되면 '사이트 검색'이라는 단어를 보여줍니다.

다음 예제도 확인하시기 바랍니다.

2014/12/05 - [프로그래밍 언어/jQuery] - jQuery로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 3

 

동작하는 모습은 아래 실행에서 확인해 보세요.