微信小程式 事件

2021-07-30 08:19:48 字數 800 閱讀 2669

事件繫結

事件繫結的寫法同元件的屬性,以 key、value 的形式。

key 以bind或catch開頭,然後跟上事件的型別,如bindtap, catchtouchstart

value 是乙個字串,需要在對應的 page 中定義同名的函式。不然當觸發事件的時候會報錯。 bind事件繫結不會阻止冒泡事件向上冒泡,catch事件繫結可以阻止冒泡事件向上冒泡。

事件分類

touchstart 手指觸控

touchmove 手指觸控後移動

touchcancel 手指觸控動作被打斷,如彈窗和來電提醒

touchend 手指觸控動作結束

tap 手指觸控後離開

longtap 手指觸控後後,超過350ms離開

單擊事件

由touchstart、touchend組成,touchend後觸發tap事件。

//wxml單擊

雙擊事件

//wxml

雙擊

//js

page(,

doubleclick: function (e)

}this.setdata()

}})

長按

點住別撒手

//移動

微信小程式事件小結

1 事件繫結bindtap 如上,給增加了乙個golink的方法,那如何獲取事件的入參?先將需要傳遞的引數通過data 形式寫在元素上,上面 golink 要傳遞linkeurl,直接在image元素上新增data linke url直接看golink方法 開啟url鏈結 golink functi...

關於微信小程式事件

1.繫結事件 格式 bind 事件名 方法名 例如 刪除 如何傳參 通常利用自定義屬性來傳參 說明 h5通常data 自定義屬性名來傳參 2.觸發邏輯操作 資料驅動操作如何同步到檢視?this.setdata 類似於react中的this.setstate 補充 只更新某一條資料,而不是整體覆蓋更新...

微信小程式bindtap事件

bindtap就是點選事件 在wxml檔案下 primary bindtap btnclick 在js檔案下 page 生命週期函式 監聽頁面載入 onload function options 生命週期函式 監聽頁面初次渲染完成 onready function 生命週期函式 監聽頁面顯示 ons...