'Focus'에 해당되는 글 1건

  1. 2017.09.08 onClick onFocus eventListener



 


<html>

<head>

</head>


<script  language="javascript"  >


function init(){


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


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

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

  // An event listener that is executed after 

  // clicking in the input box and clicking elsewhere.  

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

  

  

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

  //A listener that will be executed even if the focus is reached

  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>

</html>








'[.js] 이벤트' 카테고리의 다른 글

붙여넣기 이벤트 처리 ctrl+v  (0) 2017.09.06
div 에다가 클릭 이벤트 걸기  (0) 2017.09.06
Posted by 혜화초보
,