본문 바로가기

Language/Javascript & JQuery

onchange(), onblur(), onkeyup() 기능의 차이

 

  <input> 태그와 자주 쓰이는 event 함수들에 대해서 알아보자ㅏㅏ

onchange(), onblur(), onkeyup() 함수들은
사용자의 input 값을 입력받고, 이벤트를 발생시키는 함수들이다ㅏㅏ

각각의 함수들은 발생 조건이 조금씩 다른데,

 

  • onchange()

    - 사용자가 input 값을 변경한 후 + 다른 곳을 클릭했을 때 (focus out 시에) 이벤트 발생

  • onblur()

    - 사용자가 다른 곳을 클릭 했을 때 (focus out 시에) 이벤트  발생

  • onketup()

    - 사용자가 키보드에서 손을 때는 순간마다 이벤트 발생