[40일차] javascript - event

SOSO·2022년 6월 14일
0

학원

목록 보기
40/59
post-thumbnail

🎈 이벤트(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>
profile
한다 열심히

0개의 댓글