「小程序JAVA实战」 小程序的事件(11)
转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-11/
我们以前在web开发的时候,web页面也有一些相关的事件,当然小程序要接触屏幕要进行一些点击和拖动事件。源码:https://github.com/limingios/wxProgram.git 中的No.6
小程序的事件触发
通过行为进行的人机交互方式
类似于html的onClick,onChange事件等等
- 官方的阐述
>https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
- 程序演示点击
//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>
- 数据传递
>通过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:小程序的事件基本就是这样,事件使用,事件分类,事件详情,这三个方向来使用。
转载于:https://www.cnblogs.com/sharpest/p/10270692.html
「小程序JAVA实战」 小程序的事件(11)相关推荐
- 「小程序JAVA实战」 小程序远程调试(九)
在开发javaweb应用的时候,如果遇见一个问题都会调试,debug,在火狐和谷歌浏览器的时候我们也可以使用断点的方式调试js,小程序可以吗?肯定是可以的!小程序的调试也可以在手机端进行远程调试.源码 ...
- 「小程序JAVA实战」小程序的举报功能开发(68)
转自:https://idig8.com/2018/09/25/xiaochengxujavashizhanxiaochengxudeweixinapicaidancaozuo66-2/ 通过点击举报 ...
- 「小程序JAVA实战」小程序头像图片上传(下)(45)
转自:https://idig8.com/2018/09/09/xiaochengxujavashizhanxiaochengxutouxiangtupianshangchuan44/ 接下来,我们应 ...
- miniui datagrid 隐藏列默认赋值_「小程序JAVA实战」 小程序默认加载的页面和生命周期(八)...
小程序如何加载的呢?生命周期!源码:https://github.com/limingios/wxProgram.git 中的No.3 加载页面 小程序默认加载的pages中的第一个目录 不管你的名称 ...
- multipartfile file java 怎么获取里面的属性_「小程序JAVA实战」小程序的举报功能开发(68)...
通过点击举报按钮,跳转到举报页面完成举报操作. 后台开发 获取发布人的userId,videoId,创建者的Id controller UserController.java package com. ...
- 「小程序JAVA实战」小程序的留言和评价功能(70)
转自:https://idig8.com/2018/10/28/xiaochengxujavashizhanxiaochengxudeliuyanhepingjiagongneng69/ 目前小程序这 ...
- 「小程序JAVA实战」小程序的个人信息作品,收藏,关注(66)
个人信息页面有一个tab(作品,收藏,关注)源码:https://github.com/limingios/wxProgram.git 中No.15和springboot 作品,收藏,关注的列表 Vi ...
- 「小程序JAVA实战」小程序我的个人信息页面开发(41)
转自:https://idig8.com/2018/09/05/xiaochengxujavashizhanxiaochengxuwodegerenxinxiyemiankaifa40/ 已经完成了登 ...
- 「小程序JAVA实战」小程序的页面重定向(60)
转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudeyemianzhongdingxiang59/ 在我们正常的浏览网 ...
- 小程序 video 控制器外观调整_「小程序JAVA实战」小程序视频组件与api介绍(51)...
这次说下,小程序的视频组件,之前在说小程序基础的时候视频组件没说,现在说下.从属性和api都说下.https://github.com/limingios/wxProgram.git 中No.15 视 ...
最新文章
- 用Python解密2021年最新富豪榜,马云居然连前三都没进
- Mybatis入门之动态sql
- 基础知识:IDE集成开发环境(pycharm)、基本数据类型、用户的交互、运算符
- 性能测试报告模板_性能测试新手误区
- jpg , png 图片转SVG格式(资源篇)
- CSS3 建立弹性盒布局 Flex布局
- Apache 回应:参与开源不受 EAR 约束
- 常用CASE工具介绍
- 【thinkphp 5 在nginx 环境下路由无法生效(404 500错误 )的解决方法】
- jQuery学习教程 基础篇 归档
- JDK1.8下载、安装和环境配置教程
- colmak键盘_萌神进化 IKBC 新POKER2机械键盘体验
- 编程语言应该如何选择?
- 悼念王选:伟大发明家和失意企业家间的孤独者
- 大数据时代的新闻变革
- 获取32位的uuid方法
- C语言学习笔记(kk-zkx)
- Google Android 原生Rom 下载地址及刷机教程--Factory Images for Nexus and Pixel Devices
- 北京航空航天大学	素数(java)
- 转:如何不断自我提升
热门文章
- easyuefi只能在基于uefi启动的_云计算学习体系-1.1-计算机硬件基础扩展知识BIOS/UEFI/MBR/GPT...
- 黑侠百度URL批量推送程序
- 新建android模拟器无法拨号 真机可以拨号,自己想弄个手机拨号器,可是在模拟器上没有反应,能帮帮忙吗?...
- Asp.net生成工作流、审批流的解决方案
- 大数据量分页存储过程效率测试附代码
- 使用 jQuery Mobile 与 HTML5 开发 Web App (十七) —— HTML5 离线缓存
- jQuery滚动监听插件Waypoints
- Perl 第一章概述
- 关于安装TortoiseSVN.msi 报错2203错误
- 使用find命令查找文件