[javascript] 이벤트 버블링 제거 하기

하위 엘리먼트 에서 일어난 이벤트는 기본적으로 부모 엘리먼트까지 전달이 되는데 이를
제어해야할 경우
preventDefault() 와 stopPropagation() javascript 기본 내장 함수를 이용해야한다.
브라우저 호환을 고려한다면

아래와 같이 함수 를 정의 하고 필요 로직 작성후 호출 하면 부모 태그로 전달되는 이벤드를 제거할수 있다.

$("a#clickA").on("click",function(event){

//로직 작성

  stopClickEventBubbling(event);


});

//클릭요소 이벤트 버블링 중지
function stopClickEventBubbling(event){
if (event && event.preventDefault) {
event.preventDefault();
event.stopPropagation();
    }
    else {
    event = event || window.event;
    event.cancelBubble = true;
    event.returnValue = false;
    }
}