「小程序JAVA实战」小程序的事件(11)

我们以前在web开发的时候,web页面也有一些相关的事件,当然小程序要接触屏幕要进行一些点击和拖动事件。源码:https://github.com/limingios/wxProgram.git 中的No.6

小程序的事件触发

通过行为进行的人机交互方式 类似于html的onClick,onChange事件等等

1.官方的阐述

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html

2.程序演示点击

//events.js
//获取应用实例
const app = getApp()
Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  clickMe: function(){
    console.log("你点击我这里出来了!")
  }
})
<!events.wxml-->
<view class="container">
  <text bindtap='clickMe'>点我点我我给console显示</text>
</view>

3.数据传递

通过view标签中的data来绑定数据

<!events.wxml-->
<view class="container">
  <text data-forName='公众号:编程坑太多' data-forUser='开发人员' data-forDate='201800805' bindtap='clickMe'>点我点我我给console显示</text>
</view>
//events.js
//获取应用实例
const app = getApp()
Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  clickMe: function(e){
    console.log("你点击我这里出来了!")
    console.log(e)
    console.log(e.currentTarget.dataset.fordate)
  }
})
  • 仔细观察的老铁会发现一个问题

在wxml里面forData是大写,在js里面的fordata自动变成了小写,这就是微信自己帮咱们把驼峰形式做了转换。

PS:小程序的事件基本就是这样,事件使用,事件分类,事件详情,这三个方向来使用。

本文分享自微信公众号 - 编程坑太多(idig88)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-11-29

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏码生

Swift2转Swift3

接触swift 已经有一年多的时间了,由最初的OC代码转为 swift 代码,然后从 swift 2.3 转为 swift 3。每次的转换都感觉是将项目整个的翻...

18550
来自专栏游戏杂谈

React Native在Windows下修改js代码后reload无效

iOS下因为有watchman这个插件,所以启动很快(npm start),而Windows下则非常慢,最要命的是遇到了修改js文件后,点击reload居然一直...

34910
来自专栏Java进阶架构师

变天 | 白用23年的Java不再免费,谷歌收安卓授权费

先是在9月份,Java 开发工具包(JDK)11 正式发布,这件事情对只会更新APP的普通大众来说,发布新版本不是一件好事嘛,怎么能算是坏消息呢?就像我的iPh...

22210
来自专栏游戏杂谈

国际化之iPhone设备支持的语种

有没有想过,iPhone 语言到底支持多少语言呢?我倒是搜索了一下,整理出下面一份列表,供大家参考

11420
来自专栏游戏杂谈

移动开发工具推荐

Android:豌豆夹,快速连接手机的利器。腾讯的应用宝也好,360的手机助手也好,在插入USB之后,确实不如豌豆夹好使,谁用谁知道。如果连接了USB还是不能识...

10630
来自专栏码生

iOS IPhone swift 实现 文件管理器 实时查看、管理、导出沙盒目录

43930
来自专栏游戏杂谈

推荐一款移动端的web UI控件 -- mobiscroll

用mobiscroll 可实现ios系统自带的选择器控件效果,支持几乎所有的移动平台(iOS, Android, BlackBerry, Windows Ph...

22040
来自专栏游戏杂谈

cocos2d-x绑lua的开发环境

2013年是手游开发井喷的一年,也是手游市场竞争最为激烈的一年,ios市场除了刷榜、刷榜,还是刷榜,而android有点像黑市的感觉,水太深(很多渠道商已经从上...

20030
来自专栏游戏杂谈

手游推广方面的一些想法

举个实际的例子,就是xx游戏xx区的A玩家,他通过游戏内的分享功能,分享一个链接至社交平台之后,通过该玩家分享的链接进行下载的玩家对A有一个返利,比如下载次数(...

23210
来自专栏码生

python @property 设置只读属性 重写 getter setter 方法

@property广泛应用在类的定义中,可以让调用者写出简短的代码,就可以重写属性的 get 和 set 方法,同时保证对参数进行必要的检查,这样,程序运行时就...

18210

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励