jQuery에서 기본 동작 취소하기

이미 알고 계실 것처럼, JavaScript에서 사용자 동작은 event.preventDefault()를 사용하여 취소됩니다. 폼 데이터의 제출과 이벤트의 추가 전파를 방지해 봅시다:

javascript$('form').on('submit', function(event) {
  event.preventDefault();
});

jQuery 스타일로 폼 데이터 제출만을 방지할 수도 있습니다 (이벤트 전파는 허용). 이를 위해 이벤트 핸들러 함수는 false를 반환해야 합니다:

javascript$('form').on('submit', function() {
  return false;
});

물론, 링크 클릭과 같은 다른 이벤트도 취소할 수 있습니다. 예를 들어, HTML 코드에 다음과 같은 링크가 있다고 가정해 보겠습니다:

html<a href="/">link</a>

이제 기본 동작 취소를 활용해 보겠습니다:

javascript$('a').on('click', function () {
  alert('이 링크로 이동할 수 없습니다!');
  return false;
});