• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序点击事件

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

普通点击事件(bindtap)(++ 要放在前面,放在后面不好使)  (bindtap 会有冒泡事件   catchtap 不会有冒泡事件)

 1  <!-- wxml -->
 2  <view>
 3    <button type="warn" size="mini" bindtap="dian">点老子呀</button>
 4  </view>
 5  
 6  <view>花木兰{{num}}</view>
 7  
 8  
 9  <!-- js -->
10    data: {
11      num:0
12    },
13    dian:function(){
14      this.setData({
15        num:++this.data.num
16      },()=>{
17          <!-- 可以在这直接加 -->
18       console.log("改变成功")
19     })
20    }

 

 

 

 小程序传值 (data-)(接收的时候通过事件对象来接收)

 1 <!-- wxml -->
 2 <view>
 3   <button type="warn" size="mini" bindtap="dian" data-a="100">点老子呀</button>
 4 </view>
 5 <view>花木兰{{num}}</view>
 6 
 7 
 8 <!-- js -->
 9   data: {
10     num:0
11   },
12   dian:function(e){
13     console.log(e.currentTarget.dataset.a)
14     this.setData({
15       num: this.data.num + Number(e.currentTarget.dataset.a) 
16     })
17   }

 

点击事件小汇

<!-- 点击事件         bindtap 会有冒泡事件   catchtap 不会有冒泡事件 -->
bindtap   catchtap

<!--长按事件 -->
bindlongtap

<!-- 触摸开始 -->
bindtouchstart

<!-- 触摸结束 -->
bindtouchend

官方事件文档
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序轮播图中间大两边小发布时间:2022-07-18
下一篇:
花店老板的吸粉神器—微小程花店版小程序发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap