E企盈营销工具技术服务商 热线:4006-838-530

微信小程序冒泡事件及其阻止

E企盈直播平台营销卖货系统

点击事件:tap       长按事件:longtap       触摸事件:touchstart; touchend;touchcancel;touchmove       其他:input;submit….  前三类是冒泡事件,其他的称为非冒泡事件wxml代码!–index.wxml–!– view class=’view1′ bindtap=’cli1’111  view class=’view2′ bindtap=’cli2’222     view class=’view3′ bindtap=’cli3’333/view  /view/view –view class=’view1′ catchtap=’cli1’111  view class=’view2′ catchtap=’cli2’222     view class=’view3′ catchtap=’cli3’333/view  /view/viewwxss代码.view1{    width: 500px;    height: 500px;    background: green;}.view2{    width: 300px;    height: 300px;    background: red;}.view3{    width: 100px;    height: 100px;    background: blue;}wxjs代码//事件处理函数cli1:function(){console.log(‘view1’)},cli2: function () {    console.log(‘view2’)},cli3: function () {    console.log(‘view3’)},冒泡事件的机制是点击最里层的三个盒子 先打印view3 依次是view2 view1,点击第二层盒子打印view2 view1阻止冒泡事件的发生,直接把bindtap改为catchtap。点击不触发父盒子元素

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序冒泡事件及其阻止
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏