JavaScript

[JavaScript] Event 실행 및 종류

yebeen 2022. 11. 21. 10:46

[ Event 실행법 ] 

  • addEventListener 사용하기
//변수에 eventname에 해당하는 이벤트가 발생할 경우 선언해놓은 함수가 실행된다.
function 함수명(){}
변수명.addEventListener("eventname",함수명);
  • onEventname 사용하기
//변수에 EventName에 해당하는 이벤트가 발생시 선언해놓은 함수 실행
function 함수명(){}
변수명.onEventName = 함수명;

 

 

[ Event 종류 ]

  1. click event - 무언가 클릭되었을경우
  2. mouseenter event  - 마우스가 해당 요소내에 있을경우
  3. mouseleave event - 마우스가 해당 요소내에서 나간경우
  4. resize event - 화면크기를 조정한 경우
  5. copy event - 무언가 복사된 경우
  6. offline event - 와이파이 연결이 끊긴 경우
  7. online event - 와이파이가 연결된 경우