IT/Web
자바스크립트) 함수를 호출한 버튼(객체)의 id및 속성 알아내기
돔찌
2019. 7. 17. 08:31
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);