인생은 여행 人生は旅

WEB2 - JavaScript(Event) 본문

코딩 공부

WEB2 - JavaScript(Event)

하늘빛 칵테일 2024. 1. 4. 11:06
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="button" value="hi" onclick="alert('hi')">
<input type="text" onchange="alert('changed')">
<input type="text" onkeydown="alert('key down!')">

</body>
</html>

 

 

[ Event - 웹브라우저에서 일어나는 일들 ]

 

 - 어떠한 이벤트가 일어났을 때, 어떠한 자바스크립트가 실행되도록 하는 것들.

 - 이러한 이벤트들을 이용해서 사용자와 상호작용하는 웹페이지, 웹사이트를 

    만들 수 있다!

 

 - onclick - 사용자가 클릭했을 때 이벤트 실행.

 - onchange - 글씨를 입력해서 내용이 바뀌었을 때 이벤트 발생.

 

 - onkeydown - 어떤 키를 눌렀을 때 이벤트 발생.

 

- alert - 경고창 띄우기

 

아무 생각 없이 사용했던 웹페이지의 동작원리를 어느 정도 알게 되는 것 같아

신기하고 재밌는 수업이었습니다 :)

'코딩 공부' 카테고리의 다른 글

WEB2 - JavaScript (변수&연산자)  (0) 2024.01.08
WEB2 - JavaScript(Data Type-자료형)  (0) 2024.01.05
WEB2 - JavaScript 수업시작  (0) 2024.01.03
WEB2 - 미디어 쿼리  (0) 2024.01.02
WEB2 - 그리드  (0) 2023.12.29