WeChat的catchtap与bindtap的区别:b(ubble)开头的方法会进行冒泡 形象理解:bind会有涟漪 以圈扩散 catch不会只会影响自己
生活随笔
收集整理的這篇文章主要介紹了
WeChat的catchtap与bindtap的区别:b(ubble)开头的方法会进行冒泡 形象理解:bind会有涟漪 以圈扩散 catch不会只会影响自己
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
區別?
bindtap會冒泡;catchtap不冒泡例子
<view id="outer" bindtap="out">outer view<view id="middle" bindtap="middle">middle view<view id="inner" bindtap="inner">inner view</view></view> </view>out:function(e){console.log("--out bindtap click") }, middle: function (e) {console.log("--middle bindtap click") }, inner: function (e) {console.log("--inner bindtap click") }結果
bindtap執行結果 點擊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(阻止向上冒泡)?
總結
以上是生活随笔為你收集整理的WeChat的catchtap与bindtap的区别:b(ubble)开头的方法会进行冒泡 形象理解:bind会有涟漪 以圈扩散 catch不会只会影响自己的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 借趣花上征信吗
- 下一篇: WeChat微信小程序网易云音乐播放链接