一起來聊聊微信小程式之事件綁定

本篇文章為大家帶來了關於微信小程式的相關問題，其中主要介紹了關於事件綁定的相關內容，包括了什麼是事件、小程式中常用的事件、 target和currentTarent的差別等，下面一起來看一下，希望對大家有幫助。

【相關學習推薦：小程式學習教學】

什麼是事件

事件是渲染層到邏輯層的通訊方式。透過事件可以將使用者在渲染層產生的形式，回饋到邏輯層進行業務的處理。

小程式中常用的事件

事件物件的屬性清單

target和currentTarent的區別

target是觸發該事件的來源元件，而currentTarget則是目前事件所綁定的元件。舉例如下：

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

點擊內部的按鈕時，點擊事件以冒泡的方式向外擴散，也會觸發外層view的tap事件處理函數。

此時，對於外層的view來說：

e.target指向的是觸發事件的來源元件，因此，e.target是內部的按鈕元件

e.currentTarget指向的是當前正在觸發事件的那個元件，因此，e.currentTarget是當前的view元件

bindtap的語法格式

在小程式中，不存在HTML中的onclick滑鼠點擊事件，而透過tap事件來回應使用者的觸控行為。

透過bindtap，可以為元件綁定tap觸控事件，語法如下：

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

在頁面的.js檔案中定義對應的事件處理函數，事件參數透過形參event（一般簡寫為e）來接收：

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

每按一次按鈕就會在終端列印一次事件參數對象，就會觸發手指的觸摸事件。

【相關學習推薦：小程式學習教學】

以上是一起來聊聊微信小程式之事件綁定的詳細內容。更多資訊請關注PHP中文網其他相關文章！