细节分析微信小程序冒泡事件 小程序

shuke 2019-3-24 1861

事件的类别分为几种:

       点击事件:tap

       长按事件:longtap

       触摸事件:touchstart; touchend;touchcancel;touchmove

       其他:input;submit....

其中前三类是冒泡事件,其他的称为非冒泡事件。

wxml

<view bindtap='change' data-color='red' >红色
<view bindtap='change' data-color='yellow' class='bg-yellow'>黄色
<view catchtap='change' data-color='pink' class='bg-pink'>粉红色
</view></view></view>

js

//冒泡事件 
change:function(e){console.log( e.currentTarget.dataset.color)},

点击黄色时:会触发父级的红色;

但是点击粉红色区域时,不要出现黄色与红色的触发

这是因为:

阻止冒泡事件的发生,其实很简单,直接把 bindtap 改为 catchtap 即可


最新回复 (0)
全部楼主
返回