이전에 공부하던 부분부터 이어서 플레이할 수 있습니다.
이어서 보기 처음부터 보기

브라우저에서 발생하는 Event 종류

  • form event : HTML 문서의 form element에 변화가 생기거나 submit버튼을 누르는 경우 등의 상황에서 발생
  • window evnet : 패이지가 모두 로드되었을 때 발생하는 onload event 등이 있음
  • mouse event : 사용자가 마우스를 조작했을 때 발생
  • key event : 사용자가 키보드를 조작했을 때 발생

Event

  • click : mouse event로 HTML element를 마우스로 클릭한 경우 발생
  • change : form event로 form 엘리먼트의 내용이 변경된 경우 발생
  • keydown : key event로 key가 눌린 경우 발생

HTML Tag의 속성으로 Event Handler 추가

  • Tag 의 속성에 event handler 코드를 추가
    • on*Event* 속성 사용 ( onclick, onchange, onkeydown, ... )
 <h1 onclick="console.log('clicked');">..</h1>
 <input type="text" onchange="console.log('changed');" onkeydown="console.log('typed');">

본 강의에 등록된 질문이 없습니다. 혹시 궁금하신 부분이 있으면 주저하지 말고 무엇이든 물어보세요.