[JS] form-submit 과 기본 event

form에서 버튼을 클릭하거나 엔터를 누르면 기본적으로 submit가 실행된다.

(비슷하게 기본 예로 a 태그를 클릭하면 link로 이동한다.)

 

const hello = (evnet) => { // 자바스크립트의 함수는 기본적으로 첫번째 인자를 가지고 있고 관례상 event라 사용.
  event.preventDefault() // 기본 동작을 막는 함수.
};

위와 같이 자바 스크립트에서는 기본 인자가 있고 이는 여러 정보를 담고 있다.

이 인자는 관례적으로 event라 사용한다.

​

event 인자의 메서드 중 preventDefault()는 브라우저 상에서 작동하는 기본 동작을 제한하는 기능을 한다.

예를 들어 form에서는 submit 하지 않고

a 태그의 링크에서는 링크로 이동하지 않는다.