괴발개발/Javascript+JQuery

JQ_keyboard event(키보드 이벤트)

moonday 2021. 6. 22. 00:10
더보기

    /*
    - keydown : 키보드에서 키가 눌렸을 때(특수키 포함 모든 키),
                 keyCode값이 영문인 경우 무조건 대문자 값
    - keyup   : 키보드에서 눌렸던 키가 올라왔을 때
    - keypress : 키보드에서 키가 눌렸을 때(ALT, CTRL 등 특수키 제외)
                 keyCode값이 찍힌 단어에 맞게 코드값이 나옴
                 (대문자-대문자에 해당하는 값, 소문자면 소문자에 해당하는 값)
    */ 

  <script src="../JS/jquery.min.js"></script>
  <script>
    $(function(){
      $('#input').keydown(function(e){
        console.log('down :' + e.keyCode);
      });
      $('#input').keypress(function(e){
        console.log('press :' + e.keyCode);
        if(e.keyCode ==97)
          console.log('a');
      });
      $('#input').keyup(function(e){
        console.log('up :' + e.keyCode);
      });
    });
  </script>
</head>
<body>
  <input type="text" id='input'>
</body>​

'괴발개발 > Javascript+JQuery' 카테고리의 다른 글

JQ_효과(hide, show, toggle)  (1) 2021.06.22
JQ_Form event(폼 이벤트)  (1) 2021.06.22
JQ_js파일 배치(위치)  (1) 2021.06.22
JQ_요소선택, 이벤트등록  (0) 2021.06.22
JS_click(알림창)예제  (0) 2021.06.22