WeChat 미니 프로그램의 이벤트 바인딩에 대해 이야기해 보겠습니다.

이 글에서는 WeChat 미니 프로그램에 대한 질문을 가져왔습니다. 이벤트란 무엇인지, 미니 프로그램에서 일반적으로 사용되는 이벤트, target과 currentTarent의 차이점 등 이벤트 바인딩에 대한 관련 내용을 주로 소개합니다. 함께 보시고, 모두에게 도움이 되었으면 좋겠습니다.

【관련 학습 추천: 미니 프로그램 학습 튜토리얼】

이벤트란 무엇입니까

이벤트는 렌더링 레이어에서 로직 레이어로의 통신 방식입니다. 이벤트를 통해 렌더링 계층에서 사용자가 생성한 양식은 비즈니스 처리를 위해 논리 계층으로 피드백될 수 있습니다.

미니 프로그램에서 자주 사용되는 이벤트

이벤트 객체의 속성 목록

target과 currentTarent의 차이점은

target은 이벤트를 발생시킨 소스 컴포넌트인 반면 currentTarget은 현재 이벤트가 발생한 컴포넌트입니다. 이벤트가 바인딩되었습니다. 예:

<view class="out-view" bindtap="outHandler">
    <button type="primary">按钮</button>
</view>

내부 버튼을 클릭하면 클릭 이벤트가 바깥쪽으로 버블링되고 외부 보기의 탭 이벤트 핸들러가 트리거됩니다.

이때 외부 뷰의 경우:

e.target은 이벤트를 트리거하는 소스 구성 요소를 가리킵니다. 따라서 e.target은 내부 버튼 구성 요소입니다.

e.currentTarget은 현재 이벤트를 트리거하는 구성 요소를 가리킵니다. 따라서 해당 구성 요소는 e.currentTarget이 현재 보기 구성 요소입니다.

Bindtap의 구문 형식

애플릿에는 HTML에 onclick 마우스 클릭 이벤트가 없지만 탭 이벤트가 응답하는 데 사용됩니다. 사용자의 터치 동작.

bindtap을 통해 탭 터치 이벤트를 구성 요소에 바인딩할 수 있습니다. 구문은 다음과 같습니다.

<button type="primary" bindtap="btnTapHandler">按钮</button>

페이지의 .js 파일에서 해당 이벤트 처리 기능을 정의합니다. 이벤트 매개 변수는 일반적으로 형식 매개 변수 이벤트를 통해 수신됩니다. e)로 약칭:

Page({
    btnTapHandler(e){   //按钮的tap事件处理函数
        console.log(e)   // 事件参数对象e
    }
})

버튼을 누를 때마다 이벤트 매개변수 객체가 터미널에 인쇄되고 손가락 터치 이벤트가 트리거됩니다.

【관련 학습 추천: 미니 프로그램 학습 튜토리얼】

위 내용은 WeChat 미니 프로그램의 이벤트 바인딩에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!