본문 바로가기

목록이 없습니다.

[jQuery] keyup, keydown, keypress 차이

Framework/jQuery

    jQueryjQuery



    jQuery Key Event


    오늘은 간단한 포스팅이에요


    개발을 하다가 문득 궁금해서 검색해본 내용을 정리하려고 합니다


    jquery에서는 브라우저를 통해서 사용자의 수많은 행동을 처리할 수 있는데요


    그 많은 이벤트 중에 이번에 다룰 이벤트는 키보드(키입력)에 관련된 이벤트입니다




    Keypress, Keydown, Keyup


    먼저 간단하게 표로 정리하고 시작!


     이벤트종류

     실행시점

    비고 

     keypress

     사용자가 키를 눌렀을 때

     키를 누르고 있을 때 계속 실행

     keydown

     사용자가 키를 눌렀을 때

     키를 누르고 있을 때 단 한번만 실행

     keyup

     사용자가 키에서 손을 땠을 때

     



    테이블 내용으로도 충분히 이해될 정도로 간단한 개념이에요!


    up과 down에 차이는 이름에서 느낌이 왔는데 press와 down은 어떤 차이가 있는지 궁금해서 찾아봤어요


    press는 키를 쭈욱~ 눌렀을 때 지속적으로 이벤트를 처리하는 것이고


    down은 쭈욱 눌러도 단 한번만 이벤트를 잡아주는 역할!


    누군가에게 조금이라도 도움이 되기를