Event 처리

Javascript EVENT 처리

html요소에 이벤트 처리기 등록하기

아래와같이 html에 직접적으로 이벤트를 주는경우는 지양하는것이 좋다.

  • onclick // 마우스로 클릭했을때
  • onmousedown // 마우스 버튼을 눌렀을때
  • onmouseup // 마우스 버튼에서 손가락 떼었을때
  • onmousemove // 마우스 포인터가 html 요소 위에서 움직일때
  • onmouseout // 마우스 포인터가 html 요소를 벗어났을때
  • onmouseover // 마우스 포인터가 html 요소위에 놓여있을때
  • onkeydown // 키보드키 눌렀을때
  • onkeypress // 키보드이 키를 누르고 손가락 떼었을때
  • onkeyup // 키보드의 키에서 손가락을 떼었을때
  • onchange // input 요소의 값이 바뀌었을때
  • onblur // input 요소가 포커스를 잃었을때
  • onfocus // input 요소가 포커스되었을때
  • onselect // 텍스트 필드 등의 텍스트를 선택했을때
  • onsubmit // 폼제출버튼을 눌렀을때
  • onload // html을 모두 읽었을때
  • onunloadWeb // 다른페이지로 전환할때
  • onabourt // 페이지나 이미지 읽어 들이기가 중단될때
  • onerror // 페이지나 이미지 읽어 들이는 동안 오류날때
  • onresize // html 요소의 크기가 바뀌었을때