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

  • form event : HTML 문서의 form element에 변화가 생기거나 submit버튼을 누르는 경우 등의 상황에서 발생
  • window event : 패이지가 모두 로드되었을 때 발생하는 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');">

  • 질문은 아니구 오타발견..ㅎ
    김나영
    2017.6.15 14:18
    1