小程序事件

忘是亡心i 2022-12-10 10:03 277阅读 0赞

事件类别：

tap：点击事件；

longtap：长按事件；

touchstart：触摸开始；

touchend：触摸结束；

touchcansce：取消触摸；

事件绑定：

bind绑定；

catch绑定；（能阻止事件冒泡）

例如：绑定点击事件 bindtap

page.wxml 文件

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

page.js 文件

  1. //获取应用实例
  2. const app = getApp()
  3. Page({ 
  4.   data: { 
  5.     text: "你好",
  6.     onOff: false
  7.   },
  8.   btnclick:function(){ 
  9.       console.log('123');
  10.       var onOff = this.data.onOff;
  11.       this.setData({ text:"hello",onOff:!onOff});
  12.   }
  13. })

事件详解：（类型 type ; 时间戳 timeStamp；事件源组件 target ； 当前事件 currentTarget ； 触摸点数 touches）

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

  1. //index.js
  2. //获取应用实例
  3. const app = getApp()
  4. Page({ 
  5.   data: { 
  6.     text: '按钮',
  7.   },
  8.   btnclick:function(){ 
  9.     var that = this;
  10.     console.log('不错');
  11.     that.btnchange(); //调用项目的其他事件
  12.     app.clickBtn(); //调用app.js里面的事件
  13.   },
  14.   btnchange:function(){ 
  15.     console.log('yes');
  16.   }
  17. })

发表评论

表情：
评论列表 （有 0 条评论，277人围观）

还没有评论，来说两句吧...

相关阅读

    相关 小程序WXML之事件

    事件的定义 在程序中都有事件这一概念，微信小程序中对事件的定义主要有以下几点： 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。

    心已赠人心已赠人/ 0 赞/ 261 阅读

    相关 微信小程序事件处理

    一、什么是事件? 1.一种用户的行为 用户长按某一张图片，点击某个按钮，这就是用户的行为，也是事件 2.一种通讯方式 为什么说事件也是一种通讯方式呢？因为用户点击按

    骑猪看日落骑猪看日落/ 0 赞/ 445 阅读