Skip to content

Commit

Permalink
Create README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
SeungJin051 committed Aug 6, 2024
1 parent 898fb5b commit b65d314
Showing 1 changed file with 26 additions and 0 deletions.
26 changes: 26 additions & 0 deletions seungjin/nomad/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
# 브라우저 이벤트 소개
이벤트(event) 는 무언가 일어났다는 신호입니다. 모든 DOM 노드는 이런 신호를 만들어 냅니다. 참고로, 이벤트는 DOM에만 한정되진 않습니다.

자주 사용되는 유용한 DOM 이벤트는 무엇이 있는지 잠시 살펴봅시다.

## 마우스 이벤트:
- **click**: 요소 위에서 마우스 왼쪽 버튼을 눌렀을 때 (터치스크린이 있는 장치에선 탭 했을 때) 발생합니다.
- **contextmenu**: 요소 위에서 마우스 오른쪽 버튼을 눌렀을 때 발생합니다.
- **mouseover****mouseout**: 마우스 커서를 요소 위로 움직였을 때, 커서가 요소 밖으로 움직였을 때 발생합니다.
- **mousedown****mouseup**: 요소 위에서 마우스 왼쪽 버튼을 누르고 있을 때, 마우스 버튼을 뗄 때 발생합니다.
- **mousemove**: 마우스를 움직일 때 발생합니다.


## 폼 요소 이벤트:
- **submit**: 사용자가 `<form>`을 제출할 때 발생합니다.
- **focus**: 사용자가 `<input>`과 같은 요소에 포커스 할 때 발생합니다.

## 키보드 이벤트:
- **keydown****keyup**: 사용자가 키보드 버튼을 누르거나 뗄 때 발생합니다.

## 문서 이벤트:
- **DOMContentLoaded**: HTML이 전부 로드 및 처리되어 DOM 생성이 완료되었을 때 발생합니다.

## CSS 이벤트:
- **transitionend**: CSS 애니메이션이 종료되었을 때 발생합니다.

0 comments on commit b65d314

Please sign in to comment.