[ JavaScript / jQuery ] JavaScript 이벤트

1. 이벤트 핸들러에서 e.preventDefault()를 호출하면 이벤트가 취소됨

2. from 과 관련된 주요 이벤트로 input, change가 있다.
    input: 값이 변경될 때 실행
    change: 값이 변경되고 focus 잃을 때 실행

 

3. scroll 이벤트 핸들러는 많이 쓰면 안됨. 
    스크롤 될 때마다 실행되서 성능 저하가 심함.
    즉, 스크롤 들어가기 시작하면 성능 신경 써야함.

 

4. 이벤트 버블링
    component 하나에서 발생한 이벤트가 상위 요소로 퍼지는 현상

5. 이벤트 리스너 안에서 쓸 수 있는 이벤트 함수

<script>
  e.target; // 지금 실제로 클릭한 요소
  e.currentTarget; // 지금 이벤트리스너가 달린 곳 == $(this)
  e.preventDefault(); // 기본 동작 막기
</script>

6. e.target 과 $('.my-class') 는 다르다!!!!
    e.target은 쌩 JavaScript 문법이고 $('.my-class')는 jQuery 문법이기 때문에 
    절대 e.target == $('.my-class') 가 TRUE를 반환하지 않는다.
    e.target == e.currentTarget 이나 e.target == this 는 가능하다.

    둘 다 쌩 JavaScript 문법이기 때문.

7. 이벤트 리스너는 램을 잡아먹기 때문에 적게 쓸수록 메모리 절약 가능