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/view

wxss代码.view1{    width: 500px;    height:开通猫笼小程序电话:4006-838-530 500px;    back开通传感器小程序电话:4006-838-530ground: green;}.view2{    width: 300px;    height: 300px;    background: red;}.view3{    width: 100px;    height: 100px;    background: blue;}

wxjs代码//事件处理函数cli1:function(){console.log('view1')},cli2: function () { 开通碗小程序电话:4006-838-530   console.log('view2')},cli3: function () {    console.log('view3')},

冒泡事件的机制是点击最里层的三个盒子 先打印view3 依次是view2 view1,点击第二层盒子打印view2 view1阻止冒泡事件的发生,直接把bindtap改为catchtap。点击不触发父盒子元素

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序冒泡事武义县E企盈小程序件及其阻止
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

模王系统开发

联系我们升级日志

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

支付宝扫一扫打赏

微信扫一扫打赏