event 처리시 return false를 하는 이유는?

javascript를 태그의 이벤트에 직접 추가하는 경우 return true 또는 false를 추가하는 경우가 있습니다. 예를 들자면 다음과 같이 onclick 이벤트 뒤에 return false를 붙이는 경우입니다.

onclick="showPic(this);return false;"

return 값을 돌려줌으로 이벤트 헨들러에게 Boolean 값을 넘겨주게 되는데요. 이벤트 헨들러들은 이 값을 받은 다음에 true인 경우 onclick 이벤트가 발생하였다라고 판단하고 동작을 취하며 false인 경우 onclick 이벤트가 발생하지 않았다고 판단하고 동작을 취하지 않습니다.

위의 예제 중 위의 두개는 return false를 발생하였고 세번째 놈은 onclick="showPic(this);"만 호출 시켰고, 네번째 놈은 return true를 발생시켰습니다. 세번째, 네번째의 경우 링크 클릭시 해당 리소스로 페이지가 이동하는 기본적인 동작이 수행됩니다.

만약 onclick 이벤트를 직접 처리하고 기본동작이 발생하지 않기를 원한다면 onclick 이벤트를 처리하는 코드 끝에 return false를 추가하시면 됩니다.