자바스크립트, 이벤트 처리

자바스크립트, 이벤트 처리 

 

특정 class나 id를 클릭했을 때 반응하려면 addEventListener 이벤트 처리 함수를 등록한다. 다음 예제는 클릭한 부분의 정보를 출력한다.

 

var e1 = document.querySelector(".what");  // 클래스는 #what 지정

e1.addEventListener("click",

  function(e){

    let event = e.target;
    console.log("target Class name: " + event.target.className");

    console.log("target Node name: " + event.target.nodeName");

    console.log("target inner Text: " + event.target.innerText");
  },

  false);