[JavaScript] e.stopPropagation(), e.preventDefault()
목차 1. event.stopPropagation(); 2. event.preventDefault(); 1. event.stopPropagation(); Propagation는 전파, 확산이라는 의미를 가지고 있다. 사용자가 웹페이지 내의 버튼을 누르면 대부분의 사람들은 버튼만 반응했다고 생각하지만 웹페이지 내부에서는 버튼을 감싸고 있는 부모 태그를 또한 클릭 이벤트에 반응하게 된다. Hello 위의 코드를 보면 a태그는 li, ul 두 개의 부모태그가 있다. 사용자가 a태그를 클릭하면 클릭이벤트가 li, ul 태그가 순차적으로 실행된다. 만약 a태그를 클릭했을때 li, ul 태그가 실행되지 않게 하려면 event.stopPropagation();를 사용하면 된다. 2. event.preventDefau..
Language/JavaScript
2022. 6. 12. 20:58
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 스프린트프론트엔드6기
- 비제어 컴포넌트
- rest parameter
- react
- Target
- 취업까지달린다
- html
- currentTarget
- 코드잇 스프린트
- 비동기
- map
- 중급 프로젝트
- CSS
- 동기
- hydrationboundary
- tanstackquery
- js
- 유사배열객체
- 제어 컴포넌트
- arguments
- Git
- Next.js
- javascript
- GitHub
- 객체
- 리액트
- 코드잇스프린트
- 프론트엔드
- innerhtml
- 배열
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
글 보관함