자바스크립트) 함수를 호출한 버튼(객체)의 id및 속성 알아내기

addEventListener 의 인자로 콜백함수를 넣는다.

 

그 콜백함수의 첫번째 인자(e)는 이벤트 를 반환한다.

 

이 이벤트에는 다양한 속성들이 있다. 그 중 target은 이벤트를 호출한 객체를 반환한다.

 

 

아래 소스와 같이 사용한다.

// Internet Explorer 구버전 브라우저 미호환

function callbackFunc1(e) {

    alert( e.target.id + "이 클릭되었습니다");

}

btn1.addEventListener("click", callbackFunc);

btn2.addEventListener("click", callbackFunc);

btn3.addEventListener("click", callbackFunc);





// Internet Explorer 구버전 브라우저 호환

function callbackFunc2(e) {

  var event = e || window.event;

  var targetElement = event.target || event. srcElement;

  alert( targetElement.id + "이 클릭되었습니다");

}



btn4.addEventListener("click", callbackFunc2);

btn5.addEventListener("click", callbackFunc2);

btn6.addEventListener("click", callbackFunc2);

 

출처 : http://div.or.kr/js-studying/%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%ED%95%B8%EB%93%A4%EB%9F%AC%EC%9D%98%20%EC%B2%AB%EB%B2%88%EC%A7%B8%20%EC%9D%B8%EC%9E%90