윤제니

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

이벤트 웹페이지에서 마우스를 클릭했을 때, 키를 입력했을 때, 특정요소에 포커스가 이동되었을 때 어떤 사건을 발생시키는 것 이벤트의 종류 1) 마우스 이벤트 이벤트 설명 click 요소에 마우스를 클릭했을 때 이벤트가 발생 dbclick 요소에 마우스를 더블클릭했을 때 이벤트가 발생 mouseover 요소에 마우스를 오버했을 때 이벤트가 발생 mouseout 요소에 마우스를 아웃했을 때 이벤트가 발생 mousedown 요소에 마우스를 눌렀을 때 이벤트가 발생 mouseup 요소에 마우스를 떼었을 때 이벤트가 발생 mousemove 요소에 마우스를 움직였을 때 이벤트가 발생 contextmenu context menu(마우스 오른쪽 버튼을 눌렀을 때 나오는 메뉴)가 나오기 전에 이벤트 발생 2) 키 이벤트..