微信小程序事件 bindtap bindinput代码实例
一、bindtap事件
在wxml文件里绑定：
<view class='wel-list' bindtap='TZdown'> <image src="/images/welcome_08.png"></image> <text>C语言资料下载</text> </view>
在js文件里相应：
Page({
TZdown: function () {
wx.navigateTo({
url: '../download/download'
});
}
})
二、bindinput事件
wxml文件：
<input type="number" placeholder="请输入手机号" class="inp-holder" maxlength="11" bindinput="getPhone" /> <input type="number" placeholder="请输入验证码" class="inp-holder" maxlength="6" bindinput="getCode" />
js文件：
// 拿到手机号
getPhone: function (e) {
var val = e.detail.value;
this.setData({
telphone: val
});
},
// 拿到验证码
getCode: function (e) {
var val = e.detail.value;
this.setData({
code: val
});
},
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍微信小程序 icon组件详细及实例代码，包括了微信小程序 icon组件详细及实例代码的使用技巧和注意事项，需要的朋友参考一下 属性： 效果图： test.wxml 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序 video组件详解及实例代码，包括了微信小程序 video组件详解及实例代码的使用技巧和注意事项，需要的朋友参考一下 视频播放组件与图片加载组件也没啥差别，使用起来也没啥注意的 重要属性： wxml js 相关文章： hello WeApp icon组件 Window tex
-
本文向大家介绍微信小程序 倒计时组件实现代码，包括了微信小程序 倒计时组件实现代码的使用技巧和注意事项，需要的朋友参考一下 功能: 适用于电商应用的限时团购、商品秒杀等 先来看下最终效果： git源：http://git.oschina.net/dotton/CountDown 分步骤-性子急的朋友，可以直接看最后那段代码。 wxml文件放个text <text>second: {{second}
-
本文向大家介绍微信小程序 获取微信OpenId详解及实例代码，包括了微信小程序 获取微信OpenId详解及实例代码的使用技巧和注意事项，需要的朋友参考一下 获取微信OpenId 先获取code 再通过code获取authtoken，从authtoken中取出openid给前台 微信端一定不要忘记设定网页账号中的授权回调页面域名 流程图如下 主要代码 页面js代码 WxCodeServlet代码 W
-
本文向大家介绍微信小程序 教程之事件，包括了微信小程序 教程之事件的使用技巧和注意事项，需要的朋友参考一下 系列文章： 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反
-
本文向大家介绍微信小程序 仿猫眼实现实例代码，包括了微信小程序 仿猫眼实现实例代码的使用技巧和注意事项，需要的朋友参考一下 微信小程序仿猫眼 实现效果图： movie.js movie.json movie.wxml movie.wxss 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！