[JQUERY] INPUT 박스에 기본값 넣어주고 마우스 클릭시 초기화해주는 소스

[JQUERY] INPUT 박스에 기본값 넣어주고 마우스 클릭시 초기화해주는 소스

오늘은 JQUERY를 이용해서 클릭하면 초기화하고 blur시 디폴트값을 넣어주는 소스코드를 보도록 하겠습니다. 소스코드는 아래와 같습니다. 

클래스 이름을 input_click_init이라고 정해주었습니다. 이 클래스를 지정해준 객체는 클릭하면 빈 값이 설정되고 blur가 되면 0을 설정합니다.

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script type="text/javascript">
 $(function() {
    $(".input_click_init").focus(function() { 
      $(this).val('');
    }).blur(function() { 
      if($(this).val() == "") { $(this).val("0"); }
    });
 });
 </script>
  
 <input type="text" class="input_click_init" value="0">