<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
/*
디폴트 이벤트 (기본 이벤트) : 원할 때 막을 수 있다.
1. 폼을 submit 하면 모든 폼 요소를 보내고, 초기화 한다.
2. <a> 태그를 클릭하면 페이지 이동한다.
*/
onload = function(){
var form = document.querySelector("#form");
var a = document.querySelector("#a");
// 1. 폼 submit 방지
form.onsubmit = function(e){
e.preventDefault();
}
a.onclick = function(e){
e.preventDefault();
}
}
</script>
</head>
<body>
<form action="#" id="form">
<input type="text">
<input type="submit">
</form>
<br/>
<a id="a" href="http://www.google.com">구글로 이동</a>
</body>
</html>
