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

본문 바로가기
사이트 내 전체검색

질문답변

마우스 클릭시 input 값 사라지게 처리하는 방법

페이지 정보

profile_image
작성자 미친새
댓글 0건 조회 17,432회 작성일 20-02-21 10:06

본문

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 함수는 포커스가 아웃되면 \"사라져라\" 글이 다시 생성되는 함수

댓글목록

등록된 댓글이 없습니다.

회원로그인

회원가입

사이트 정보

회사명 : 회사명 / 대표 : 대표자명
주소 : OO도 OO시 OO구 OO동 123-45
사업자 등록번호 : 123-45-67890
전화 : 02-123-4567 팩스 : 02-123-4568
통신판매업신고번호 : 제 OO구 - 123호
개인정보관리책임자 : 정보책임자명

공지사항

  • 게시물이 없습니다.

접속자집계

오늘
511
어제
1,697
최대
5,296
전체
1,484,957
Copyright © 소유하신 도메인. All rights reserved.