微信小程式 事件繫結 bind和catch 區別

2022-08-22 23:51:22 字數 833 閱讀 8876

**:

bindtap  事件繫結不會阻止冒泡事件向上冒泡

catchtap  事件繫結可以阻止冒泡事件向上冒泡

假如有三個view點選事件都是用的bindtap,三個view是層級包含關係

outer view

middle view

inner view

我麼在js裡**是在相對應的事件列印出log,**如下

out:function(e), middle: function (e) , inner: function (e)

點選out view列印出一條log ,--out bindtap click

點選middle view列印出兩條log, --middle bindtap click      --out bindtap click

點選innew view列印出兩條log,--inner bindtap click   --middle bindtap click      --out bindtap click

可以看出bindtap不阻止向上冒泡,所以點選inner一直冒泡到了最外層。

如果我們修改middle view的bindtap為catchtap

點選out view列印出一條log ,--out bindtap click  (因為沒有上層元素故而無法向上冒泡)

點選middle view列印出兩條log, --middle bindtap click      (catchtap阻止向上冒泡)

點選innew view列印出兩條log,--inner bindtap click   --middle bindtap click      (catchtap阻止向上冒泡)

微信小程式 template新增繫結事件

對於模板的使用,我是想將模板的事件單獨出來,其他引用模板的頁面中不再摻雜模板事件,比較方便管理,如果還有其他好的解決辦法,請賜教。template.wxml bindtap clickview class tempclass temp模板view template.js var temp expor...

微信小程式開發 微信繫結

官方api提供的request請求的url wx.login 請求引數 傳送請求 解析相應內容 換成json物件 jsonobject json jsonobject.fromobject sr 獲取會話金鑰 session key string session key json.get sessi...

微信小程式 事件

事件繫結 事件繫結的寫法同元件的屬性,以 key value 的形式。key 以bind或catch開頭,然後跟上事件的型別,如bindtap,catchtouchstart value 是乙個字串,需要在對應的 page 中定義同名的函式。不然當觸發事件的時候會報錯。bind事件繫結不會阻止冒泡事...