211011 TIL

TIL DAY 73

오늘 배운 일

✔️ 코드잇에서 jQuery 배우기

• 키보드 이벤트

  • 전에는 마우스클릭 이벤트와 마우스를 올려서 이벤트를 작동하는 것을 배웠는데
  • 이번에는 키보드를 눌러서 작동하는 이벤트에 대해 배웠다.

  간단한 예 )

  

  지금 위에 이미지를 보면 파리가 클릭이 되고 해당 이미지가 보인다.

  아무키나 입력을해서 홈으로 돌아가본다.

  

  코드는...

  
  document로 지정하면 페이지 전체를 의미한다.

  

  그리하여 아무키나 클릭을했을 때, 홈으로 돌아간다.

  다음으로 숫자 1부터해서 4까지 차례대로 클릭을하면 home -> paris까지 순차적으로 나오게 해보겠다.

  

  if문을 사용해서

  • 1을 누르면, 홈으로 돌아라고
  • 2를 누르면, 서울로
  • 3을 누르면, 도교를
  • 그리고 4를 누르면, 파리로

  이동할 수 있게끔 작동할 수 있다.

끝으로 :

• 오늘은 짧게나마 제이쿼리에 대해 배우는 시간을 가졌습니다.
• 키보드를 쳐서 작동할 수 있는 이벤트에 대해 배웠는데, input이 있는 코드에서는 유요하게 쓰일 것 같다.