카테고리 없음

[JavaScript] 이벤트 모음

ddo04 2024. 8. 5. 15:13
728x90

⛑️ 마우스 이벤트 

  • click
    • 사용자가 HTML 요소를 마우스롤 눌렀을 때 이벤트 발생
  • dblclick
    • 사용자가 HTML 요소를 마우스로 두 번 눌렀을 때 이벤트 발생
  • mousedown
    • 사용자가 요소 위에서 마우스 버튼을 누르는 동안 이벤트 발생
  • mousemove
    • 사용자가 요소 위에서 마우스 포인트를 움직일 때 이벤트 발생
  • mouseover
    • 마우스 포인터가 요소 위로 옮겨질 때 이벤트 발생 
  • mouseout
    • 마우스 포인터가 요소를 벗어날 때 이벤트 발생
  • mouseup
    • 사용자가 누르고 있던 마우스 버튼에서 손을 땔 때 이벤트 발생

⛑️ 폼 이벤트 

  • blur
    • 폼 요소에 포커스를 잃었을 때 이벤트 발생
  • change
    • 목록이나 체크 상태 등이 변경되었을 때 이벤트 발생 
    • <input>, <se-tect>, <textarea> 태그에서 사용
  • focus
    • 폼 요소에 포커스가 놓였을 때 이벤트 발생
    • <label> , <select>, <textarea>, <button> 태그에서 사용 
  • reset
    • 폼이 다시 시작되었을 때 이벤트 발생
  • submit
    • submit 버튼을 눌렀을 때 이벤트 발생 

⛑️ 키보드 이벤트 

    • keypress
      • 사용자가 키를 눌렀을 때 이벤트 발생
    • keydown
      • 사용자가 키를 누르는 동안 이벤트 발생 
    • keyup
      • 사용자가 키에서 손을 땔 때 이벤트 발생 

⛑️ 문서 로딩 이벤트 

    • abort
      • 웹 문서가 완전히 로딩되기 전에 불러오기를 멈췄을 때 이벤트 빌셍 
    • error
      • 문서가 정확히 로딩되지 않았을 때 이벤트 발생
    • load
      • 문서 로딩이 끝나면 이벤트 발생
    • resize
      • 문서 화면 크기가 바뀌었을 때 이벤트 발생
    • scroll
      • 문서 화면이 스크롤되었을 때 이벤트 발생
    • unload
      • 문서를 벗어날 때 이벤트 발생