위챗 애플릿에서 target과currentTarget의 차이점

앞말
작은 프로그램에서 e.target과 e.currentTarget은 매우 중요하다. 특히 페이지 전송과 관련이 있을 때
currentTarget과 target은 구성 요소의 일부 속성 값 집합입니다. "data-속성 이름"에 의해 정의된 속성 값
currentTarget: 이벤트가 트리거하는 현재 이벤트 (현재 이벤트, 이벤트를 트리거하는 원본 구성 요소일 수도 있고, 트리거하는 이벤트 구성 요소 (즉 이벤트 원본 구성 요소를 트리거하는 하위 요소일 수도 있음) 를 누르면 하위 요소인지 부모 요소인지 모두 현재 이벤트입니다. e.currentTarget을 적용합니다.
target: 이벤트를 트리거하는 원본 구성 요소 (이벤트 등록/연결된 구성 요소)
예:

<view bindtap="parentClick" data-parent=" ">
<view data-child=" "> </view> 
 </view>

그리고 부모 요소의 하위 요소를 클릭할 때:
parentClick 이벤트의 currentTarget 및 target은 다음과 같이 인쇄됩니다.

parentClick:function(e){
console.log(" ")
console.log("target",e.target)//target:{child:" "}
console.log("currentTarget",e.currentTarget)//target:{parent:" "}
}

부모 요소에 귀속된parentClick 이벤트는 하위 요소에서 촉발되기 때문에 target의 값은 하위 요소에 포함된 일부 속성 값 집합입니다.currentTarget은 이벤트를 귀속시키는 이 구성 요소 (부원소) 의 속성 값 집합입니다.
하위 요소에 이벤트를 연결합니다:childClick, 출력된currentTarget과 target은 같습니다.

<view bindtap="parentClick" data-parent=" ">
<view bindtap="childClick" data-child=" "> </view> 
 </view>

그리고 하위 요소 이벤트를 누르십시오.

childClick:function(e){
console.log(" ")
console.log("target",e.target)//target:{child:" "}
console.log("currentTarget",e.currentTarget)//target:{child:" "}
}

확장
이것을 결합하면 다음과 같다.

this === e.currentTarget은 항상 true입니다

this=== e.target이 true가 아닐 수 있습니다

위챗 애플릿에서 target과current Target의 차이에 관한 이 글을 소개합니다. 더 많은 위챗 애플릿 target과current Target의 차이에 관한 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!