jQuery의 이벤트 객체 event

이제 jQuery의 이벤트에 대해 알아보겠습니다.

jQuery에서 이벤트가 발생하면 해당 이벤트에 대한 모든 정보를 포함하는 event 객체가 생성됩니다. 이 객체는 핸들러 함수로 전달됩니다.

예를 들어, 우리가 클릭하는 태그가 무엇인지 알아봅시다. 다음 HTML 코드를 사용합니다:

html<body>
  <div id="text"></div>
  <div>
    <p>
      <strong><span>click</span></strong>
    </p>
  </div>
</body>

CSS는 다음과 같습니다:

cssspan, strong, p {
  display: block;
  padding: 10px;
  border: 1px solid black;
}

이제 click 메서드의 핸들러 함수로 전달하는 객체 event의 속성 event.target.nodeName을 사용해 보겠습니다:

javascript$('body').click(function(event) {
  $('#text').html('clicked: ' + event.target.nodeName);
});

객체 event는 많은 속성과 메서드를 포함하고 있습니다.