小程序事件

事件类别:

  1. tap:点击事件;
  2. longtap:长按事件;
  3. touchstart:触摸开始;
  4. touchend:触摸结束;
  5. touchcansce:取消触摸;

事件绑定:

  1. bind绑定;
  2. catch绑定;(能阻止事件冒泡)

例如:绑定点击事件 bindtap

page.wxml 文件

<button bindtap="btnclick"></button>

page.js 文件

//获取应用实例
const app = getApp()
Page({
  data: {
    text: "你好",
    onOff: false
  },
  btnclick:function(){
      console.log('123');
      var onOff = this.data.onOff;
      this.setData({text:"hello",onOff:!onOff});
  }
})

事件详解:(类型 type ; 时间戳 timeStamp;事件源组件 target ; 当前事件 currentTarget ; 触摸点数 touches

调用项目下的其他事件及调用app.js里面的事件:

//index.js
//获取应用实例
const app = getApp()
Page({
  data: {
    text: '按钮',
  },
  btnclick:function(){
    var that = this;
    console.log('不错');
    that.btnchange(); //调用项目的其他事件
    app.clickBtn(); //调用app.js里面的事件
  },
  btnchange:function(){
    console.log('yes');
  }
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值