event 정확하게 이해하기

👉🏼 Event reference
https://developer.mozilla.org/ko/docs/Web/Events

DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며 발생한 것에 대한 부가적인 정보를 얻는데 사용되는 추가적인 커스텀 필드 또는 함수를 가질수도 있습니다.

1.Event category

https://developer.mozilla.org/en-US/docs/Web/Events 이벤트 종류

• Resources (error, abort, load, beforeunload,unload)
• **키보드 (keydown, keypress, keyup..)
• 마우스 (mouseenter, click mouseleave etc..)
• 포커스 (focus, blur..)
• form (submit, reset)
• 뷰(resize, scroll, ..)
• 클립보드 (클립보드 복사, 붙여넣어졌을 떼 cut, copy, paste..)
• drag and drop
• 진행 (load,error, timeout...)
• 네트워크(브라우저가 네트워크 접근했을 때, 접근 잃었을 때 online, offline)**

세션기록
웹소켓
css 애니메이션
css 전이
parinting
text작성
미디어
저장소
업데이트
값변경
그 외