인라인 이벤트모델, 표준 이벤트 모델

인라인 이벤트 모델

인라인 이벤트의 예시, 따옴표에 주의하자

기본 이벤트 실행을 막는것을 인라인으로 적으면 두번째 줄과 같다.

a 자신을 눌럿을때 부모이벤트의 실행을 막는 event.stopPropagation();을 추가했다.

표준 이벤트 모델

고전 이벤트 모델과 비슷하지만 차이점은 이벤트 핸들러를 여러개 연결 할 수 있다는 장점이다.

표준 이벤트 모델을 사용할때는 다음과 같은 메서드를 사용한다.

   addEventListener(eventName,handler,useCapture)
   removeEventListener(eventName,handler)

매개변수 useCapture 입력하지 않으면 알아서 false를 입력한다.

이런식으로 한번에 이벤트를 여러개 연이어 쓸 수 있다.

event.preventDefault();

앞서 기본 이벤트를 제거할때 return false; 를 쓴다고 배웠는데 표준 이벤트에서는 preventDefault();를 쓴다고 알고있자!