Javascript 레퍼런스

이벤트 객체

  1. 이벤트 : onclick : 클릭 했을 때
  2. 이벤트 : ondblclick : 더블 클릭 했을 때

  3. 이벤트 : 마우스 메서드 : mousedown() : 마우스 버튼을 누를 때
  4. 이벤트 : 마우스 메서드 : mouseup() : 마우스 버튼을 떼는 시점
  5. 이벤트 : 마우스 메서드 : mousemove() : 마우스를 움직일 때
  6. 이벤트 : 마우스 메서드 : mouseenter() : 요소 위에 있을 때
  7. 이벤트 : 마우스 메서드 : mousenleave() : 요소에 벗어 났을 때
  8. 이벤트 : 마우스 메서드 : mouseover() : 요소 위에 있을 때
  9. 이벤트 : 마우스 메서드 : mouseout() : 요소에 벗어 났을 때
  10. 이벤트 : 마우스 메서드 : hover() : 요소 위에 있을 때/없을 때
  11. 이벤트 : 마우스 속성 : event.clientX : 브라우저 기준 X 좌표
  12. 이벤트 : 마우스 속성 : event.clientY : 브라우저 기준 Y 좌표
  13. 이벤트 : 마우스 속성 : event.offsetX : 요소 기준 X 좌표
  14. 이벤트 : 마우스 속성 : event.offsetY : 요소 기준 Y 좌표
  15. 이벤트 : 마우스 속성 : event.pageX : 페이지 기준 X 좌표
  16. 이벤트 : 마우스 속성 : event.pageY : 페이지 기준 Y 좌표
  17. 이벤트 : 마우스 속성 : event.screenX : 디바이스 기준 X 좌표
  18. 이벤트 : 마우스 속성 : event.screenY : 디바이스 기준 Y 좌표

  19. 이벤트 : 키보드 메서드 : keydown : 키를 누를 때 이벤트 발생
  20. 이벤트 : 키보드 메서드 : keyup : 키를 누를고 뗄 때 이벤트 발생
  21. 이벤트 : 키보드 메서드 : keypress : 문자 키를 누를 때 이벤트 발생
  22. 이벤트 : 키보드 속성 : event.key : 눌러진 키의 값
  23. 이벤트 : 키보드 속성 : event.code : 눌러진 버튼의 코드
  24. 이벤트 : 키보드 속성 : event.altKey : 눌러진 버튼의 코드
  25. 이벤트 : 키보드 속성 : event.ctrlKey : 눌러진 버튼의 코드
  26. 이벤트 : 키보드 속성 : event.shiftKey : 눌러진 버튼의 코드
  27. 이벤트 : 키보드 속성 : event.metaKey : 눌러진 버튼의 코드
  28. 이벤트 : 키보드 속성 : event.repeat : 눌러진 버튼의 코드
  29. 이벤트 : 키보드 속성 : event.isComposing : 눌러진 버튼의 코드
  30. 이벤트 : 키보드 속성 : event.keyCode : 눌러진 버튼의 코드

  31. 이벤트 : touchstart : 터치 시작할 때 이벤트 발생
  32. 이벤트 : touchmove : 터치 포인트 움직일 때 이벤트 발생
  33. 이벤트 : touchend : 터치 끝날 때 이벤트 발생

  34. 이벤트 : scroll : 스크롤 발생 할 때 이벤트 발생
  35. 이벤트 : resize : 브라우저 사이즈 변경 될 때 이벤트 발생
  36. 이벤트 : selectstart : 텍스트를 선택 할 때 이벤트 발생

  37. 이벤트 : dragstart : 드래그 시작할 때
  38. 이벤트 : drag : 드래그 할 때
  39. 이벤트 : dragend : 드래그 완료 할 때
  40. 이벤트 : dragenter: 드래그 완료 할 때
  41. 이벤트 : dragover: 드래그 완료 할 때
  42. 이벤트 : dragleave: 드래그 완료 할 때
  43. 이벤트 : drop : 드롭할 때
  44. 이벤트 : event.dataTransfer.files : 드롭한 파일 정보

  45. 이벤트 : visibilitychange : 브라우저의 탭 상태가 변경될 때 이벤트 발생
  46. 이벤트 : metachMedia : 미디어쿼리 설정
  47. 이벤트 : preventDefault() : 이벤트 작동 해지
  48. 이벤트 : dispatchEvent() : 이벤트 작동 해지
  49. 이벤트 : new Event() : 이벤트 생성 처리