javascript : 이벤트 버블링

1. e.target ; // 유저가 실제로 누른것(이벤트 발생한곳)
2. e.currentTarget ; //이벤트 리스너 달린곳을 알려줌 ( 참고 this 라고 써도 똑같음 )
3. e.preventDefault ( ) ; = 실행하면 이벤트 기본  동작을 막아줌
4. e.stopPropagation = 실행하면 내 상위요소의 이벤트 버블링을 중단해줌

 

1. 이벤트 버블링이 항상 일어남

 

예시 ) 종이를 여러겹 쌓았을때 맨위 종이를 손으로 누르면 뒤에 종이까지 누르게 되듯이

html의 상단 요소들이 같이 실행이 되는 현상

 

2. 이벤트 관련 기능을 통해 요소를  선택할 수 있다.