input text 에 여러 이벤트 걸기 두기. > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

input text 에 여러 이벤트 걸기 두기. 정보

JavaScript input text 에 여러 이벤트 걸기 두기.

본문

예전에 제가 정리해 두었던 기본적인 스크립트 입니다.

 

 

<script  language="javascript"  >

 

function init(){

 

  var hoy1  = document.getElementById('hoy');

 

  //인풋박스안에 클릭을 했다가 다른곳 클릭을 해야

  //실행되는 이벤트 리스너.

  hoy1.addEventListener("blur", func1 , false);

  

  

  //포커스만 되도 실행되는 리스너

  hoy1.addEventListener("focus", func2 , false);

 

}

 

 

function func1(){  

  console.log( ' hoy 1');

}

 

function func2(){  

  console.log( ' hoy 2');

}

 

</script>

    <body  onload="init();" >

        <input type='text'  size='20'    id='hoy'   >

    </body>

 

추천
0

댓글 1개

전체 931
개발자팁 내용 검색 JavaScript에서

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT