속성 event.type

속성 event.type은 발생한 이벤트의 유형을 포함합니다.

구문

javascriptevent.type;

예제

다음 예제에서는 요소에 클릭 핸들러가 바인딩되어 있으므로 이벤트 유형은 'click'이 됩니다:

html<button id="elem">버튼</button>
javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  console.log(event.type);
});

코드 실행 결과:

javascript'click'

예제

다음 예제에서는 입력 필드에 포커스 아웃 핸들러가 바인딩되어 있으므로 이벤트 유형은 'blur'이 됩니다:

html<input id="elem">
javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('blur', function(event) {
  console.log(event.type);
});

코드 실행 결과:

javascript'blur'

함께 보기

  • 속성 target,
    이벤트가 할당된 요소를 결정합니다
  • 속성 key,
    입력된 문자를 가져옵니다
  • 속성 code,
    누른 키의 코드를 가져옵니다