event.stopPropagation() 및 이벤트.preventDefault()

1. 이벤트.stopPropagation();거품 발생 방지

$(document).ready(function(){
  $("span").click(function(event){
    event.stopPropagation();
    alert("The span element was clicked.");
  });
  $("p").click(function(event){
    alert("The p element was clicked.");
  });
  $("div").click(function(){
    alert("The div element was clicked.");
  });
});

클릭 이벤트가 부모 요소에 거품이 생기는 것을 막기;span 탭을 눌렀을 때 팝업만 나와요.
The span element was clicked.
p 탭을 누르면 팝업
The p element was clicked.그 다음에 튀어나오면, The div element was clicked.
2. 이벤트.preventDefault() 메서드는 요소의 기본 동작을 차단합니다.
예를 들어 URL을 열지 못하게 하고, 제출 단추를 눌렀을 때 폼에 대한 제출을 막는 등

Go to W3Cschool.cc

$(document).ready(function(){
  $("a").click(function(event){
    event.preventDefault();
  });
});