jQuery의 이벤트 객체 event
이제 jQuery의 이벤트에 대해 알아보겠습니다.
jQuery에서 이벤트가 발생하면
해당 이벤트에 대한 모든 정보를 포함하는
event 객체가
생성됩니다. 이
객체는 핸들러 함수로 전달됩니다.
예를 들어, 우리가 클릭하는 태그가 무엇인지 알아봅시다. 다음 HTML 코드를 사용합니다:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>click</span></strong>
</p>
</div>
</body>
CSS는 다음과 같습니다:
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
이제 click 메서드의 핸들러 함수로 전달하는
객체 event의 속성
event.target.nodeName을 사용해 보겠습니다:
$('body').click(function(event) {
$('#text').html('clicked: ' + event.target.nodeName);
});
객체 event는 많은 속성과 메서드를
포함하고 있습니다.
