Keydown

키보드를 눌렀을 때 발생하는 이벤트

엔터 키를 눌렀을 때 로그인 된다 던지 하는 기능이 많이 사용

const thisIsPw = document.getElementById('password');
const thisIsCode = document.getElementById('code');

thisIsPw.addEventListener('keydown', function(e) {
  thisIsCode.innerHTML = e.keyCode;
});

Keyup

키보드를 누르고 떼는 순간 발생하는 이벤트

가입할 때 input 하나에 입력을 다하고 떼는 순간, 다른 input으로 이동

const thisIsPw = document.getElementById('password');
const thisIsRePw=document.getElementById("re-password");

thisIsRePw.addEventListener("keyup",function(e){
  
  if(thisIsPw.value === thisIsRePw.value){
    alertP.innerHTML=""    
  }else{
    alertP.innerHTML="비밀번호가 일치하지 않습니다"
  }
})

Keypress

키보드를 눌러 어떤 텍스트가 작성되는 순간 발생하는 이벤트

키보드로 아이디나 비밀번호를 작성하는 순간에 버튼을 활성화 가능