마우스 클릭시 input 값 사라지게 처리하는 방법 > 질문답변

• 목록

1. 스크립트
<script type=\"text/javascript\">
<!--
  function click_hidden(){
    if(document.getElementById('tit').value == \"사라져라\"){
  document.getElementById('tit').value = \"\";
    }
  }

  function focus_write(){
    if(document.getElementById('tit').value == \"\"){
        document.getElementById('tit').value = \"사라져라\";
    }
  }
-->
</script>

2. input 처리
<input type=\"text\" id=\"tit\" name=\"title\"  value=\"사라져라\" onclick=\"javascript:click_hidden()\" onblur=\"javascript:focus_write()\">

3. getElementById('tit').value , id=\"tit\" 이 2가지가 핵심. 조건문의 getElementById('tit').value 는 value 값을 갖고 비교하는 기능을 하고 조건문내 실행은 value 값을 공백으로 처리하는 기능을 한다. id값이 없는 경우 익스플로어에서는 정상 동작하는데 크롬에서는 안된다는 글이 있다.(나중에 시간되면 테스트 해보자.)

4. input 박스를 클릭하면 value 값이 \"사라져라\" 일 경우에 글자가 사라지고 다른 글자인 경우는 사라지지 않는다.

5. focus_write 함수는 포커스가 아웃되면 \"사라져라\" 글이 다시 생성되는 함수