[개발일기] e.preventDefault

event 함수 속성중에 preventDefault가 있다는 것을 알았다!

 

이 속성은 함수의 기본적인 동작을 못하게 막을 수 있는 기능이다

예를 들어 

*밑의 코드들은 리액트 코드이므로 코드 문법이 조금 다를 수 있다.

onClick={function(e){
              alert('hi');
}}

이런 코드라고 보면

onClick으로 클릭했을 때 alert가 띄워지고 확인 버튼을 누르면 깜빡하면서 화면을 다시 로드하게 되는데,

 

이때 다시 로드하는 것을 막기 위해서(다시 로드하고 싶지 않을 때)

e.preventDefault를 사용하는 것이다. 

onClick={function(e){
              console.log(e);
              e.preventDefault();
              alert('hi');
}}