JavaScript default event

yeong ·2022년 11월 22일

js

목록 보기
44/49

이벤트(Event) - 기본 이벤트(Default Event)
태그 중에는 이벤트가 발생될 경우 자동 실행되는 명령이 등록된 태그 존재- a 태그, form 태그 등

a 태그는 이벤트 처리 함수를 등록하지 않아도 클릭 이벤트가 발생되면 href 속성값으로
브라우저의 URL 주소를 변경하고 웹프로그램을 요청하여 실행결과를 응답받아 출력 - 기본 이벤트

<a href="https://www.naver.com" id="naver"><button type="button">네이버(Naver) 이동</button></a>

event 객체 : 이벤트 관련 프로퍼티와 메소드를 제공하는 객체
event.preventDefault() : 이벤트 발생에 의해 실행되는 명령을 중지하는 메소드

	<hr>
	<button type="button" id="btn">다음(Daum) 이동</button>
	<hr>
	<script type="text/javascript">
	document.getElementById("btn").onclick=function() {
		location.href="https://www.daum.net";
	}
	document.getElementById("naver").onclick=function() {
      event.preventDefault();
    }

0개의 댓글