Javascript 함수 Part4 (event, browser 객체 학습 46일차 TIL)

210818 오늘은 JS event handler, event 객체, DOM, browser 객체에 대해 학습했다.

Must Remember

• 함수를 만들 때 조건이 맞지 않는 경우부터 빨리 Return을 하도록 작성하자.

Javascript Basic

• Dom Level 0 - 객체 하나와 이벤트 하나를 연결해서 작동, 한 객체에 동시에 같은 이벤트를 두 번이상 적용 안 된다.(마지막에 적용된 이벤트만 실행)
• Dom Level 2 - 한 객체에 같은 이벤트를 두 번 적용할 수 없는 Level 0의 문제를 해결할 수 있다.
  이벤트 대상 객체.addEventListener('이벤트명', 함수명, false); 함수명에 ()붙이지 않음 바로 실행되면 안되니까...

    if(window.addEventListener) { // 표준 브라우저
      표준 이벤트 등록 메서드;
    } else if(window.attachEvent) { // 비표준 방식 IE8 이하
      비표준 이벤트 등록 메서드;
    }