1. HTML 이벤트
마우스 관련
- onload : 객체가 로드 되었을 때 발생
<body> - onclick: 마우스로 요소를 클릭했을 경우
<img> - ondbclick
- onmouseover
- onmousemove
- onmouseout
키 관련
- onkeydown
- onkeypress
- onkeyup
- onfocus (많이 씀)
<input type="text"> - onblur (많이 씀)
<input type="text"> - onchange (많이 씀)
<select>
2. HTML요소에 이벤트 할당하는 방법
1) HTML 태그에서 이벤트 할당
2) 스크립트에서 요소에 이벤트 할당
<script>
.onclick = proc; => 수행될 함수 명만 씀 ()괄호는 안씀
</script>
3) 스크립트에서 요소에 이벤트 리스너를 추가해서 이벤트 할당
4) 제거도 가능
3.Drag&Drop (참고만 하긩)
https://www.w3schools.com/jsref/event_ondrag.asp
- 드래그 가능한 대상(소스 요소)에서 발생한 이벤트:
- ondragstart - 사용자가 요소를 끌기 시작할 때 발새
- ondrag - 요소를 끌때 발생
- ondragend - 사용자가 요소 드래그를 마쳤을 때 발생
- 놓기 대상에서 발생한 이벤트:
- ondragenter - 드래그 한 요소가 놓기 대상에 들어갈 때 발생
- ondragover - 드래그 한 요소가 놓기 대상 위에 있을 때 발생
- ondragleave - 드래그 한 요소가 놓기 대상을 벗어날 때 발생
- ondrop- 끌어 놓은 요소가 놓기 대상에 놓일 때 발생
4.File API
- 담에 진도나가면서 다시 언급
- [폼검증][정규식] 단원도 마찬가지
HI :)