이벤트 핸들러의 첫번째 인자

개요

addEventListener등으로 실행한 함수에는 첫번째 인자(매개변수) 가 있는데 이는 이벤트를 반환한다.

이 이벤트에는 다양한 속성들이 있는데 이중 target은 이벤트가 호출된 객체 (클릭된 객체 등) 를 반환한다.

사용법

// Internet Explorer 구버전 브라우저 미호환
function myBtnsClickHandler(e) {
    alert( e.target.id + "이 클릭되었습니다");
}
myBtn1.addEventListener("click", myBtnsClickHandler);
myBtn2.addEventListener("click", myBtnsClickHandler);
myBtn3.addEventListener("click", myBtnsClickHandler);

// Internet Explorer 구버전 브라우저 호환
function myBtnsClickHandler(e) {
  var event = e || window.event;
  var targetElement = event.target || event. srcElement;
  alert( targetElement.id + "이 클릭되었습니다");
}