하

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

· 2019-12-02 (월) 21:17:23 · 3113 · 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,502
기타 20-01-29 조회 2,653
PHP 20-01-26 조회 3,327
기타 20-01-19 조회 1만
웹서버 20-01-18 조회 3,803
기타 20-01-15 조회 2,660
PHP 20-01-12 조회 4,246
기타 20-01-12 조회 2,695
웹서버 20-01-07 조회 3,543
node.js 20-01-06 조회 2,831
PHP 19-12-19 조회 4,334
기타 19-12-05 조회 2,841
JavaScript 19-12-02 조회 3,114
웹서버 19-11-19 조회 4,977
JavaScript 19-11-05 조회 3,414
JavaScript 19-11-04 조회 2,569
JavaScript 19-11-01 조회 2,678
JavaScript 19-10-31 조회 2,721
PHP 19-10-29 조회 2,749
기타 19-10-26 조회 3,621
JavaScript
[JavaScript]
19-10-17 조회 2,715
JavaScript 19-09-25 조회 2,945
jQuery 19-09-24 조회 2,705
PHP 19-09-23 조회 3,445
기타 19-09-08 조회 3,248
PHP 19-09-03 조회 5,428
기타 19-08-10 조회 2,745
정규표현식 19-08-08 조회 3,002
정규표현식 19-08-05 조회 3,352
웹서버 19-08-05 조회 4,834