🎈 이벤트(event)
사용자에 의한 특정 행위의 결과로 발생하는 사용자와 프로그램 사이의 상호작용 처리의 요인
ex) 버튼 클릭, 하이퍼링크 위에 마우스 커서를 위치시킴
✨ 이벤트 속성
이벤트가 발생했을 때 이벤트 발생으로 호출되어야 할 이벤트 핸들러(실행 함수)를 연결하는 역할
| 이벤트 속성 | 설명 |
|---|---|
| onload | 브라우저에서 문서를 읽을 때 |
| onclick | 버튼 등을 마우스로 클릭할 때 |
| onmouseover | 링크나 그림, 버튼 위에 마우스 포인터를 올릴 때 |
| onmouseout | 링크나 그림, 버튼에서 마우스 포인터가 빠져나갈 때 |
| onmousedown | 마우스 버튼을 클릭하는 순간 |
| onmouseup | 마우스 버튼을 클릭했다가 떼는 순간 |
| onfocus | 커서가 위치할 때 |
| onkeydown | 키보드를 누를 때 |
| onkeyup | 키보드를 눌렀다가 떼는 순간 |
예시
<script type="text/javascript">
window.onload=function(){
let header = document.getElementById('header');
//이벤트 연결
header.onclick = function(){
alert('클릭');
};
};
</script>
</head>
<body>
<div id="header">클릭</div>
</body>
성장과 도전을 기록합니다