[JavaScript] 이벤트 객체

16 Sep 2019 |

이벤트 객체에 대해서 공부했다.

event 객체

윤은채 이벤트객체 실습

function buttonClick(event) {  //함수 이름은 임의로 정한다.
  console.log(event.target.textContent + " 를 클릭하셨습니다!"); //target의 textContent를 가져온다.
}

let buttons = document.querySelectorAll('button'); //모든버튼을 배열로 지정해준다.
for(let i=0; i<buttons.length; i++) {  //배열을 for문으로 돌린다.
  buttons[i].onclick = buttonClick;  //onclick메소드로 버튼을 클릭하면 이벤트함수가 실행된다.
}