테스트 사이트 - 개발 중인 베타 버전입니다

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>

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

함수 하나로 정리할 때 사용할 것!! _ 210802

게시판 목록

개발자팁

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