15-2. JS DOM에서 이벤트 처리(event 객체 프로퍼티와 메서드, 예약어 this, addEventListener(), CSS 속성 접근하기)

1. DOM 요소에 함수 직접 연결하기 2. 함수 이름을 사용해 연결하기 3. DOM의 event 객체 알아보기 DOM에는 이벤트 정보를 저장하는 event 객체가 있다. 이 객체에는 웹 문서에서 이벤트가 발생하는 요소가 무엇인지, 어떤 이벤트가 발생했는지 등의 정보를 가지고 있다. event 객체 프로퍼티와 메서드 1️⃣ 프로퍼티 altKey : 이벤트가 발생할 때 alt 키를 눌렀는 지 여부를 boolean 값으로 반환한다. button : 마우스에서 누른 버튼의 키 값을 반환한다. charCode : keypress 이벤트가 발생할 때 어떤 키를 눌렀는지 유니코드 값으로 반환한다. clientX : 이벤트가 발생한 가로 위치를 반환한다. clientY : 이벤트가 발생한 세로 위치를 반환한다. ct..

2021.10.22