210818 TIL

TIL DAY 22

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

• 키보드 이벤트

keydown : 키보드 버튼을 누른 순간
keypress : 키보드 버튼을 누른 순간
keyup : 키보드 버튼을 눌렀다 뗀 순간

예제)
밑에 있는 이미지를 보면은 핸드폰 메세지를 전달하는 화면이다. 우리는 키보드 이벤트를 이용해서 활용할 수 있다.

결과값 :

• input태그 다루기

  포커스 이벤트

  focusin : 요소에 포커스가 되었을 때
  focusout : 요소에 포커스가 빠져나갈 때
  focus : 요소에 포커스가 되었을 때 (버블링 x)
  blur : 요소에 포커스가 빠져나갈 때 (버블링 x)

  입력 이벤트

  input : 사용자가 입력을 할 때
  change : 요소의 값이 변했을 때

  예제)

  이 예제는 우리가 예전에 흔히 했던 산성비 게임이다. 포커스 이벤트를 활용해서 하나씩 지울 수 있다.
  

  

  결과값 :

  • input태그안에 공중에있는 단어를 똑같이 받아쓰고 enter를 누르면, 해당 글자가 사라진다.

    

느낀점 :

• 오늘은 키보드 이벤트와 input태그를 이용한 이벤트를 공부해봤는데, 아직 공부가 더 필요한 시점이다.