微信小程序阻止冒泡点击_第一天学习微信小程序开发总结补-事件

本文介绍了微信小程序中的事件类型,如tap、longtap、touch系列事件,以及submit、input事件。重点讲解了如何使用bind和catch绑定事件,特别是catch可以阻止事件冒泡。通过示例,作者展示了currentTarget和target的区别,并演示了如何在事件中传递参数。文章以实际代码运行效果为例,帮助读者理解微信小程序事件机制。
摘要由CSDN通过智能技术生成

补昨天的一些我知识点,事件的类别主要点击事件tap,长按longtap,触摸事件:touchstart,touchend,touchmove,touchcancel,

还有submit,input等,

建立页面test2;

wxml页面主要包括view标签

0116c0bfca8917049618a0d1a8b8536d.png

页面上主要有点击事件,事件中的数据参数携带;

也可以用 catch 来绑定事件。与 bind 不同, catch 会阻止事件向上冒泡。

大家可以运行代码体验一下两者的区别,

在js文件加入事件:

f7ffc6a36c1b3b9b0ea2da1c0ab3a898.png

在点击后打印事件的log

b3c4565652432366e66cdedf1a9dcc84.png

最主要区别在currentTarget和target,看图:

0657371a67e1ce4e8aaf7aeac3a49a6b.png

当我点击view2时,因为事件为bindtap所有会把view2下面的view1也打印出来,且在view1的target对象中会显示目标来源为view2;

最后一项就是带参数到事件中;

看图中的:

608c0476a759c7ff082b8e70f472a272.png

带了两个参数;在事件的对象为currentTarget中dataset对象中可以得到这两个值;

f3440c5214edc5df7b42813d0001264a.png

今天学习的微信小程序的事件就这么多了,下期再见,

如果大家希望下载源码,大家可以留言,看看大家的需求,最后把代码放到那GIT服务器上;

谢谢 !

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值