微信小程序事件 bindtap bindinput代码实例


Posted in Javascript onAugust 26, 2019

一、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
    });
  },

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery 页面滚动到指定DIV实现代码
Sep 25 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
Dec 04 Javascript
轻量级网页遮罩层jQuery插件用法实例
Jul 31 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
Jun 20 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
Nov 02 Javascript
webstorm中vue语法的支持详解
May 09 Javascript
基于vue和react的spa进行按需加载的实现方法
Sep 29 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
May 02 Javascript
ES6 Map结构的应用实例分析
Jun 26 Javascript
node脚手架搭建服务器实现token验证的方法
Jan 20 Javascript
React配置子路由的实现
Jun 03 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 #Javascript
微信小程序实现手势滑动效果
Aug 26 #Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 26 #Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 #Javascript
Vue中跨域及打包部署到nginx跨域设置方法
Aug 26 #Javascript
js实现跟随鼠标移动的小球
Aug 26 #Javascript
vue 源码解析之虚拟Dom-render
Aug 26 #Javascript
You might like
制作美丽的拉花
2021/03/03 冲泡冲煮
十天学会php(3)
2006/10/09 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
2016/02/15 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
js转html实体的方法
2016/09/27 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
2017/12/18 jQuery
详解Vue取消eslint语法限制
2018/08/04 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019/11/05 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
Python实现统计代码行的方法分析
2017/07/12 Python
基于python 字符编码的理解
2017/09/02 Python
Sublime开发python程序的示例代码
2018/01/24 Python
python 读取目录下csv文件并绘制曲线v111的方法
2018/07/06 Python
python实现简易学生信息管理系统
2020/04/05 Python
使用python快速在局域网内搭建http传输文件服务的方法
2019/11/14 Python
python numpy数组复制使用实例解析
2020/01/10 Python
python 安装移动复制第三方库操作
2020/07/13 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
购买大码女装:Lane Bryant
2016/09/07 全球购物
澳大利亚最大的女装零售商:Millers
2017/09/10 全球购物
迟到检讨书800字
2014/01/13 职场文书
人事主管岗位职责
2014/01/30 职场文书
《青海高原一株柳》教学反思
2014/04/25 职场文书
步步惊心观后感
2015/06/12 职场文书
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers
MySQL范围查询优化的场景实例详解
2022/06/10 MySQL
Mysql如何查看是否使用到索引
2022/12/24 MySQL