테스트 사이트 - 개발 중인 베타 버전입니다

event.target

· 8년 전 · 1224

event.target


설명 : 이벤트를 시작한 DOM 요소입니다.


이 target속성은 이벤트 또는 그 이벤트의 자손에 대해 등록 된 요소가 될 수 있습니다. 이벤트 버블 링으로 인해 이벤트가 처리되고 있는지를 판별하기 위해 를 비교 event.target하는 것이 종종 유용합니다 this. 이 속성은 이벤트 위임에 매우 유용합니다.


예 :

클릭시 태그 이름 표시


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>event.target demo</title>

  <style>

  span, strong, p {

    padding: 8px;

    display: block;

    border: 1px solid #999;

  }

  </style>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

 

<div id="log"></div>

<div>

  <p>

    <strong><span>click</span></strong>

  </p>

</div>

 

<script>

$( "body" ).click(function( event ) {

  $( "#log" ).html( "clicked: " + event.target.nodeName );

});

</script>

 

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
15895
15894
15893
15888
15887
15886
15885
jQuery .end()
15884
15883
jQuery .each()
15882
jQuery .die ()
15881
15880
15878
15877
15876
15874
15873
15872
15871
15866
15865
15864
15863
15862
15861
15859
15858
15857
15856
15855