<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                [TOC] ### 微信小程序bind事件和catch事件區別 在小程序中事件分為冒泡事件和非冒泡事件。 本文以冒泡事件tap(手指觸摸后馬上離開,也就是點擊事件)為例子來區別bind和catch事件 bindtap 事件綁定不會阻止冒泡事件向上冒泡 catchtap 事件綁定可以阻止冒泡事件向上冒泡 假如有三個view點擊事件都是用的bindtap,三個view是層級包含關系 <view id="outer" bindtap="out"> outer view <view id="middle" bindtap="middle"> middle view <view id="inner" bindtap="inner"> inner view </view> </view> </view> 我么在js里代碼是在相對應的事件打印出log,代碼如下 out:function(e){ console.log("--out bindtap click") }, middle: function (e) { console.log("--middle bindtap click") }, inner: function (e) { console.log("--inner bindtap click") } 點擊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阻止向上冒泡) ### target 和currentTarget的區別 ~~~ target 指正在被點擊的組件常與bindtap連用實現傳參(給事件一個參數 .target.) currentTarget指事件捕獲(catchatap)的組件 ~~~
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看