[JavaScript] 브라우저 이벤트 기본동작의 취소

웹 브라우저의 구성요소들은 각각 기본적인 동작방법을 가지고 있다.

예를 들면

텍스트 필드에 포커스를 준 상태에서 키보드를 입력하면 텍스트가 입력되고

폼에서 submit 버튼을 누르면 데이터가 전송되며

a 태그를 클릭하면 href 속성의 URL로 이동한다.

방법은 다음과 같다.

체크 박스가 True라면

리턴값을 false값을 준다. 이는 태그의 이벤트를 마비시키는 역할을 한다.

이벤트 연습해보자

프로퍼티 리스너

프로퍼티 리스너 방식. 특이점은 없다.

이벤트 리스너

특이한거 있다.

return false가 아닌

event.preventDefault();

이벤트 객체에 preventDefault()를 호출한다.