Event 버블링 방지

이벤트가 발생할때 통상 자신의 부모레이어로 전파시키는 현상을 버블링이라고합니다.

이벤트의 버블링에는 몇가지 요소가있고, 전파 / 비전파 되는 이벤트의 스타일이 많기때문에 모두 알 필요는 없지만 그래도 알아도면 삽질은 면한다는...

아무튼 이벤트 버블링을 방지시키는 방법입니다.

1. stopPropagation();

2. preventDefault();

3. return false;

1은 기본적인 버블링을 바로 차단시키는것이고, 2는 엘리먼트 자체의 이벤트(체크나 라디오의 선택등.. input의 고유기능)를 막아내는것이고, 3번은 1과 2를 모두 섞는 역할을 합니다. 

예제코드는

$(this).on("click", function(event){

//event.stopPropagation();

//event.preventDefault();

//return false;

});

가 되겠습니다.

이벤트 버블링은 매우 중요하면서 필요한 기능입니다. 하지만 가끔 죽일필요가 있겠죠^^?