이벤트 객체

쁘띠경·2024년 8월 13일

js

목록 보기
40/41

DOM의 이벤트 객체

이벤트 정보를 저장하는 event객체가 있다.
이 객체에는 웹 문서에서 이벤트가 발생한 요소가 무엇인지,
어떤 이벤트가 발생했는지 등의 정보가 들어있다.
이벤트 객체는 이벤트 함수의 매개변수 자리에 event 또는 e라느 ㄴ
변수명으로 받아올 수 있다.

이벤트 객체의 프로퍼티와 메서드

[프로퍼티]
-altkey : 이벤트가 발생했을때 ALT키가 눌렸는지에 대한 여부를 boolean값으로 반환한다.
-button : 마우스에서 누른 버튼의 키 값을 반환한다.
-charCode : keypress이벤트가 발생했을때 어떤 키를 눌렀는지 유니코드값으로 반환한다.
-clientX : 이벤트가 발생한 가로 위치 좌표를 반환한다.
-clientY : 이벤트가 발생한 세로 위치 좌표를 반환한다.
-ctrlkey : 이벤트가 발생했을 때 ctrl키가 눌렸는지에 대한 여부를 boolean값으로 반환한다.
-pageX : 현재 문서를 기준으로 이벤트가 발생한 가로 위치 좌표를 반환한다.
-pageY : 현재 문서를 기준으로 이벤트가 발생한 세로 위치 좌표를 반환환다.
-screenX : 현재 화면을 기준으로 이벤트가 발생한 가로 위치 좌표를 반환한다.
-screenY : 현재 화면을 기준으로 이벤트가 발생한 세로 위치 좌표를 반환한다.
-shiftkey : 이벤트가 발생했을때 shift키가 눌렸는지에 대한 여부를 boolean값으로 반환한다.
-target : 이벤트가 최초로 발생한 대상(태그)을 반환한다.
-tumeStamp : 이벤트가 발생한 시간을 반환한다.
-type : 발생한 이벤트의 이름을 반환한다.
-which : 키보드에 관현된 이벤트가 발생할때 키의 유니코드 값을 반환한다.

    [메서드]
    -preventDefault() : 이벤트를 취소 할 수 있는 경우 취소한다. a태그나 button처럼 기본 
                        기능을 취소할때 사용한다. 
profile
안녕하세요 ! 발전을 위해 매일 도전하는 퍼블리셔 류영경입니다.

0개의 댓글