[Event] JQ - event.data 속성 - 이벤트 메서드에 전달된 값을 반환. (=이벤트.데이터 속성) ※ 데이터 번호 반환.

1. event.data 예제 - 각 p요소 클릭 시, 색인번호와 데이터번호 차이.
2. event.data 정의
3. event.data 구문

event.data 예제 - 각 p요소 클릭 시, 색인번호와 데이터번호 차이.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("p").each(function(i){

    $(this).on("click", {x:i}, function(event){

      alert("색인번호 " + $(this).index() + ": 데이터번호: " + event.data.x);

    });

  });

});

</script>

 

<div style="color:red;">아래 글 클릭.</div>

<p>홈짱닷컴 Homzzang.com</p>

<p>홈페이지 제작관리 강의</p>

<p>코딩언어 그누보드 강의</p>

 

결과보기

event.data 정의

 

현재 실행 중인 처리기가 바인딩 될 때, 이벤트 메서드에 전달되는 선택적 데이터가 포함됨.

 

event.data 구문

 

event.data

 

---

[매개변수]

 

event

필수. 이벤트에 바인딩 된 함수에서 가져옴.