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

· 2019-12-02 (월) 21:17:23 · 3094 · 1

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

 

 

<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
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
MySQL 20-02-13 조회 3,486
기타 20-01-29 조회 2,629
PHP 20-01-26 조회 3,300
기타 20-01-19 조회 1만
웹서버 20-01-18 조회 3,779
기타 20-01-15 조회 2,627
PHP 20-01-12 조회 4,206
기타 20-01-12 조회 2,680
웹서버 20-01-07 조회 3,525
node.js 20-01-06 조회 2,810
PHP 19-12-19 조회 4,321
기타 19-12-05 조회 2,832
JavaScript 19-12-02 조회 3,095
웹서버 19-11-19 조회 4,935
JavaScript 19-11-05 조회 3,393
JavaScript 19-11-04 조회 2,543
JavaScript 19-11-01 조회 2,653
JavaScript 19-10-31 조회 2,679
PHP 19-10-29 조회 2,729
기타 19-10-26 조회 3,593
JavaScript
[JavaScript]
19-10-17 조회 2,685
JavaScript 19-09-25 조회 2,914
jQuery 19-09-24 조회 2,680
PHP 19-09-23 조회 3,398
기타 19-09-08 조회 3,221
PHP 19-09-03 조회 5,392
기타 19-08-10 조회 2,719
정규표현식 19-08-08 조회 2,971
정규표현식 19-08-05 조회 3,328
웹서버 19-08-05 조회 4,820