먼저, 이벤트 전파
순서 : 캡처 => 대상 => 버블 링
1, 이벤트는 버블 링
2, 이벤트 캡처
외부에서 내부로 J는 캡처 프로세스는 이벤트라고합니다.
오히려 캡처 단계보다, 버블 링 단계에서 발생하는 핸들러 이벤트
예를 들면 :
예 : D3를 클릭
(1) HTML = 캡처 단계> 본체 => = D1> D2 => 이벤트 D3
(2) 상기 타겟 위상 D3 이벤트 도달
버블 링 (3) = D3> D2 => D1 => 본체 => HTML 이벤트
<HTML>
<body>
<div ID = "D1">
D1
<div ID = "D2">
(D2)
<div ID = "D3">
D3
</ DIV>
</ DIV>
</ DIV>
<script>
VAR의 document.getElementById를 D1 = ( 'D1')
VAR의 document.getElementById를 D2 = ( 'D2')
VAR의 D3 = document.getElementById를 ( 'D3')
d1.onclick = () =>을 {
경고 ( 'D1')
}
d2.onclick = () =>을 {
경고 ( 'D2')
}
d3.onclick = () =>을 {
경고 ( 'D3')
}
</ script>
--------------------------
둘째, 이벤트는 세 가지 형태로 결합되어
1, 인라인 제본
(2) 동적 바인딩
d1.onclick = () =>을 {}
3, 이벤트 리스너
d1.addEventListener ( '클릭', () => {})