JavaScript에서 DOM 작업을 수행할 때 반드시 js 버블링 이벤트를 접하게 됩니다. 가장 일반적인 이벤트는 그림과 같은 div 팝업 이벤트입니다.
회색 부분을 클릭하면 팝업창이 사라지고, 검은색 부분을 클릭하면 아무런 효과가 없습니다.
JS 버블링 이벤트를 분석하려면 다음 코드를 사용하세요
html 코드:
js 버블링 이벤트
>
>
~ >
클릭해주세요!
버튼>
>
var box=document.querySelector(".box"),
btn=document.querySelector(".btn");
box.onclick=function(이벤트){
Alert("나는 사업부입니다");
}
btn.onclick=function(이벤트){
Alert("나는 버튼이다");
}
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
