목록JavaScript 이벤트 처리 (1)

윤제니

JavaScript - 이벤트 객체, 기본이벤트 실행 방지, 이벤트 버블링 방지, 이벤트 강제실행, this

이벤트 객체 사용자가 직접 만들지 않아도 기본적으로 제공 속성과 메소드가 존재 ex) 마우스 클릭시 클릭한 좌표값, 이벤트를 발생시킨 객체가 어떤 것인지 1) 기본형식 익명함수의 매개변수(event)가 '이벤트 객체'를 의미 매개변수 이므로 꼭 변수명을 'event'로 사용할 필요는 없지만 보통 이벤트 객체의 의미로 'event'나 'e'로 많이 사용 bt.onclick = function(event) { event.속성 event.메서드 } 2) 주요 속성 속성 설명 target 이벤트를 발생시킨 객체를 반환 type 이벤트의 이름을 반환 clientX 이벤트가 발생한 X좌표값을 반환(브라우저 기준) clientY 이벤트가 발생한 Y좌표값을 반환(브라우저 기준) screenX 이벤트가 발생한 X좌표값을..
JavaScript/JavaScript 2020. 5. 4. 19:01
이전 Prev 1 Next 다음