js 버블링 이벤트 심층분석_기본지식

JavaScript에서 DOM 작업을 수행할 때 반드시 js 버블링 이벤트를 접하게 됩니다. 가장 일반적인 이벤트는 그림과 같은 div 팝업 이벤트입니다.

회색 부분을 클릭하면 팝업창이 사라지고, 검은색 부분을 클릭하면 아무런 효과가 없습니다.

JS 버블링 이벤트를 분석하려면 다음 코드를 사용하세요

html 코드:

코드 복사 코드는 다음과 같습니다.

> >           

~ > 클릭해주세요!
                                                        버튼>
>

var box=document.querySelector(".box"),
btn=document.querySelector(".btn");
box.onclick=function(이벤트){
Alert("나는 사업부입니다");
}
btn.onclick=function(이벤트){
Alert("나는 버튼이다");
}

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.