jQuery에서 기본 동작 취소하기
이미 알고 계실 것처럼, JavaScript에서 사용자 동작은
event.preventDefault()를
사용하여 취소됩니다.
폼 데이터의 제출과 이벤트의 추가 전파를 방지해 봅시다:
$('form').on('submit', function(event) {
event.preventDefault();
});
jQuery 스타일로 폼 데이터 제출만을 방지할 수도 있습니다
(이벤트 전파는 허용). 이를 위해 이벤트 핸들러 함수는
false를 반환해야 합니다:
$('form').on('submit', function() {
return false;
});
물론, 링크 클릭과 같은 다른 이벤트도 취소할 수 있습니다. 예를 들어, HTML 코드에 다음과 같은 링크가 있다고 가정해 보겠습니다:
<a href="/">link</a>
이제 기본 동작 취소를 활용해 보겠습니다:
$('a').on('click', function () {
alert('이 링크로 이동할 수 없습니다!');
return false;
});
