Notice
Recent Posts
Recent Comments
Link
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

WON.dev

chapter01 : 이벤트_개요 본문

WEB.JS/10.EVENT_JS

chapter01 : 이벤트_개요

GAWON 2023. 5. 22. 09:21
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">

	// 1. 이벤트 이름 : load
	// 2. 이벤트 속성 : onload
	// 3. 이벤트 리스너 : 익명함수 function(){}

	window.onload = function () {
		alert("안녕! 이벤트 공부 중이야.");
	}
	
	// 대표적 이벤트
	/*
		1. onfocus		: 객체에 focus 가 되었을 때
		2. onblur		: 객체가 focus 를 잃었을 때
		3. onchange		: 객체의 내용이 변하고 focus 를 잃었을 때
		4. onclick		: 객체를 클릭했을 때
		5. ondblclick	: 객체를 더블클릭했을 때
		6. onload		: 객체(문서)가 로딩되었을 때
		7. onmouseover	: 마우스가 객체 위로 올라왔을 때
		8. onmouseout	: 마우스가 객체 바깥으로 나갔을 때
		9. onsubmit		: 폼이 전송될 때
	   10. onkeydown	: 키를 눌렀을 때
	   11. onkeyup		: 키를 눌렀다 뗐을 때
	   12. onkeypress	: 키를 누르고 있을 때
	*/
</script>
</head>
<body>

</body>
</html>

'WEB.JS > 10.EVENT_JS' 카테고리의 다른 글

chapter02 : 이벤트_개요  (0) 2023.05.22
chapter03 : 이벤트_객체  (0) 2023.05.22
chapter04 : 디폴트_이벤트  (0) 2023.05.22
chapter05 : 마우스_이벤트  (0) 2023.05.22
chapter06 : 키보드_이벤트  (0) 2023.05.22