브라우저는 많은 이벤트를 발생시킵니다. MDN에서 전체 목록을 확인할 수 있습니다. 그러나 가장 일반적인 이벤트 타입과 이벤트 이름은 다음과 같습니다.
  • 마우스 이벤트(MouseEvent): mousedown, mouseup, click, dblclick, mousemove, mouseover, mousewheel, mouseout, contextmenu
  • 터치 이벤트 (TouchEvent): touchstart, touchmove, touchend, touchcancel
  • 키보드 이벤트 (KeyboardEvent): keydown, keypress, keyup
  • 폼 이벤트 (form events): focus, blur, change, submit
  • 윈도우 이벤트 (window events): scroll, resize, hashchange, load, unload
어떤 이벤트는 장치에 따라 다를 수 있음을 주의하시기 바랍니다. 터치 이벤트는 스마트폰과 터치 스크린 노트북과 같이 터치가 가능한 장치에서만 발생됩니다. 마우스 이벤트는 대부분의 브라우저에서 발생되지만 종종 스마트폰에서는 터치 이벤트보다 더 느릴 수 있습니다. "mouseover" 이벤트는 스마트폰에서는 절대로 발생하지 않습니다. 왜냐하면 스마트폰에서는 스크린을 터치하지 않고서는 스크린 위에서 움직일 수 방법이 없기 때문입니다.
어떤 개발자들은 터치 이벤트와 마우스 이벤트 모두에 대해 리스너를 추가하여 인터페이스가 모든 장치에서 신속하게 대응하도록 합니다. 다른 개발자들은 각 장치에서 감지되는 이벤트를 자동으로 식별하는 FastClick과 같은 라이브러리를 이용합니다. (이것이 칸아카데미에서 사용하는 방법입니다.) 이제서야 시작을 한 것을 고려하면 마우스 이벤트를 조회하는 것은 쉬울 것입니다. 가장 일반적이기 때문입니다.