1. 程式人生 > >小程式磚塊(一)點選事件的繫結

小程式磚塊(一)點選事件的繫結

先是小程式文件中關於事件的描述:

什麼是事件

  • 事件是檢視層到邏輯層的通訊方式。
  • 事件可以將使用者的行為反饋到邏輯層進行處理。
  • 事件可以繫結在元件上,當達到觸發事件,就會執行邏輯層中對應的事件處理函式。
  • 事件物件可以攜帶額外資訊,如 id, dataset, touches。

事件的使用方式

  • 在元件中繫結一個事件處理函式。
bindtap,當用戶點選該元件的時候會在該頁面對應的Page中找到相應的事件處理函式。
<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>
  • 在相應的Page定義中寫上相應的事件處理函式,引數是event。
Page({  tapName: function(event) {    console.log(event)  }})

跟onClick很像,就是在wxml的標籤里加上bindtap=“函式名”

然後在js的Page裡寫上事件函式名:function(){}

這樣點選帶有bindtap屬性的區域就會觸發繫結的事件