<button onclick="homzzang(event)">클릭</button> <p id="demo"></p> <script> function homzzang(event) { var x = event.bubbles; document.getElementById("demo").innerHTML = x; } </script> 결과보기
<button onclick="homzzang(event)">클릭</button>
<p id="demo"></p>
<script>
function homzzang(event) {
var x = event.bubbles;
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기
※ click 이벤트가 확산이벤트인지 판별. (결과값: true)
bubbles 정의
해당 이벤트가 확산되는 이벤트인지 여부 판별. 1. 이벤트확산 원리.버튼 클릭 순간, 이벤트가 그 버튼으로 향함. 그 객체에 이벤트핸들러 설정된 경우, 이벤트가 촉발됨.그 객체에 이벤트핸들러 설정안 된 경우, 상위 객체로 확산됨.그 이벤트는 제어되거나 document 객체에 도달할 때까지 부모에서 부모로 계속 확산됨. 2. IE9 이상 최신브라우저 모두 지원. 3. DOM 버전 : DOM 레벨 2 이벤트
해당 이벤트가 확산되는 이벤트인지 여부 판별.
1.
이벤트확산 원리.버튼 클릭 순간, 이벤트가 그 버튼으로 향함.
그 객체에 이벤트핸들러 설정된 경우, 이벤트가 촉발됨.그 객체에 이벤트핸들러 설정안 된 경우, 상위 객체로 확산됨.그 이벤트는 제어되거나 document 객체에 도달할 때까지 부모에서 부모로 계속 확산됨.
2.
IE9 이상 최신브라우저 모두 지원.
3.
DOM 버전 : DOM 레벨 2 이벤트
bubbles 구문
event.bubbles [반환값] TRUE : 확산형 이벤트 O FALSE : 확산형 이벤트 X
event.bubbles
[반환값]
TRUE : 확산형 이벤트 O
FALSE : 확산형 이벤트 X
