하

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

· 2019-12-02 (월) 21:17:23 · 3105 · 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,490
기타 20-01-29 조회 2,642
PHP 20-01-26 조회 3,317
기타 20-01-19 조회 1만
웹서버 20-01-18 조회 3,798
기타 20-01-15 조회 2,655
PHP 20-01-12 조회 4,231
기타 20-01-12 조회 2,686
웹서버 20-01-07 조회 3,538
node.js 20-01-06 조회 2,825
PHP 19-12-19 조회 4,329
기타 19-12-05 조회 2,836
JavaScript 19-12-02 조회 3,106
웹서버 19-11-19 조회 4,957
JavaScript 19-11-05 조회 3,407
JavaScript 19-11-04 조회 2,565
JavaScript 19-11-01 조회 2,668
JavaScript 19-10-31 조회 2,712
PHP 19-10-29 조회 2,742
기타 19-10-26 조회 3,612
JavaScript
[JavaScript]
19-10-17 조회 2,709
JavaScript 19-09-25 조회 2,935
jQuery 19-09-24 조회 2,699
PHP 19-09-23 조회 3,436
기타 19-09-08 조회 3,242
PHP 19-09-03 조회 5,418
기타 19-08-10 조회 2,740
정규표현식 19-08-08 조회 2,995
정규표현식 19-08-05 조회 3,349
웹서버 19-08-05 조회 4,827